Как сделать разворачивающиеся ссылки

CSS

<style>
.NewListText li a{
text-decoration: none;
border-bottom: 1px dashed;
font-size: 14px;
}
.NewListText li div { display:none; padding-bottom: 10px; }
.NewListText li.active div { display:block; }

</style>

JS

<script>
$(document).ready(function(){
$(«.NewListText li a»).click(function(){
$(this).parents(«.NewListText li»).toggleClass(«active»);
});
});
</script>

HTML

<ul class=»NewListText»>
<li><a href=»javascript:void(0);»>ССЫЛКА1</a>
<div>ТЕКСТ ТЕКСТ ТЕКСТ</div>
</li>

<li><a href=»javascript:void(0);»>ССЫЛКА2</a>
<div>ТЕКСТ-2 ТЕКСТ-2 ТЕКСТ-2</div>
</li>

</ul>

не забудьте в header подключить jquery

Как сделать разворачивающиеся ссылки

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *