Переделать код из php полностью под js
 

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

- есть кнопки с 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. Спасибо.

adelante, начните с http://learn.javascript.ru

trikadin, обязательно начну, но сейчас у меня нет на это времени.

Думаю, весь мой вопрос можно сузить до:

Как можно получить часть значения аттрибута элемента? В данном случае -- значение -- string, аттрибут -- id="".

Есть такая штука, она гуглом называется... Давайте помогу.
http://bit.ly/zDikZ8
http://bit.ly/w72rI5

jQuery('div[id^=daylabel_]').click(function() {});

Дальше сами

Спасибо всем, хватило ссылок skfyann. Кстати, я сначала пробовал гуглить.