Спойлер <b class="spoiler-title">Показать/скрыть</b>
<div class="spoiler-body">Скрытый текст, который появится при наведении</div>
<script type="text/javascript">
$(document).ready(function(){
$('.spoiler-body').hide();
$('.spoiler-title').click(function(){
$(this).toggleClass('opened').toggleClass('closed').next().slideToggle();
if($(this).hasClass('opened')) {
$(this).html('Скрыть текст');
}
else {
$(this).html('Показать текст');
}
});
});
</script>
или
<script type="text/javascript">
$(document).ready(function(){
$('.spoiler-title').click(function(){
$(this).parent().children('.spoiler-body').slideToggle();
return false;
});
});
</script>
Похожие записи
21.11.2024
Комментариев нет
14.06.2024
Комментариев нет
17.05.2024
Комментариев нет
