[英]Simple accordion menu (jQuery)
jQuery的:
// ACCORDION
$('.accordion .answer').hide(); // hide all
$('.accordion .question').click(function(){
$('.accordion .answer').slideUp(); // hide all open
$(this).addClass('active').next().slideDown(); // show the anwser
return false;
});
HTML:
<dl class="accordion">
<dt class="question">question</dt>
<dd class="answer">answer</dd>
<dt class="question">question</dt>
<dd class="answer">answer</dd>
</dl>
...有效,但是
谢谢!
$('.accordion .answer').hide(); // hide all
$('.accordion .question').click(function(){
if($(this).hasClass('active')) {
$(this).removeClass('active').next().slideUp();
} else {
$('.accordion .answer').removeClass('active').slideUp();
$(this).addClass('active').next().slideDown();
}
return false;
});
但是您应该真正看一下jQuery UI Accordion 。
好吧,想通了:
$('.accordion .answer').hide(); // hide all
$(".accordion .question").click(function () {
$(this).toggleClass('active').next(".answer").slideToggle(300).siblings(".answer").slideUp("slow");
$(this).siblings().removeClass('active');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.