[adelante]

Здравствуйте.

- есть кнопки с id="daylabel_n", где n -- от 1 до $amount_days
- есть блоки с контентом и id="daydesc_n" class="daydesc", где n -- от 1 до $amount_days
- все блоки по умолчанию display:none, один становится видимым при загрузке страницы.

Нужно сделать, что бы, при клике на #daylabel_n, видимый div.daydesc прятался, а div#daylabel_n показывался.

Сделал я это на смеси php и javascript/jquery. PHP использовал, потому что не знаю, как на js взять этот самый "n" из "daylabel_n".

вот код:

<script type="text/javascript">
				        jQuery(window).load(function() {
				        
				        	jQuery('#daydescr_1').show();
			
							<?php 
								
								for ($i = 1; $i < $amount_days; $i++) {
									echo "jQuery('#daylabel_".$i."').click(function () {
											jQuery('.daydescr:visible').hide();
											jQuery('#daydesc_".$i.").show();
									});
									";
								}
								        		
								        		
					
							?>
                                               });
								      
		  		</script>

Собственно, вопрос и состоит в том, как уйти от php в сторону грамотного js. Спасибо.