Здравствуйте.
- есть кнопки с 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. Спасибо.
