我已经使用 jQuery 编写了一个简单的手风琴常见问题解答列表,但正在寻找一些关于如何更好地改进它的反馈。
我的标记看起来像这样:
<ul class="faqs">
<li><h4>Question</h4>
<div class="answer">answer</div>
</li>
<li><h4>Question</h4>
<div class="answer">answer</div>
</li>
<li><h4>Question</h4>
<div class="answer">answer</div>
</li>
</ul>
我的 JS 看起来像这样:
var question = $('.faqs h4');
question.click(function() {
$(this).next('div').slideToggle('fast');
});
所有 .answer div 在页面加载时都设置为 display:none,但如果禁用 js,则默认显示所有 .answer div。
干杯