我有切换常见问题解答。
当我点击“+”时,它会回答并显示/隐藏它。
如果我点击“+”以及问题的标题,我想进行切换。
问题:
如何使用h3
元素(问题标题)和/或* + *按钮切换答案?
HTML:
<div class="box boxFaq clearfix">
<div class="boxTitle">
<h3>Question</h3>
</div>
<button class="clearfix">+</button>
<div style="clear: both;"></div>
<div class="boxContent clearfix toggle">
Answer answer answer
</div>
</div>
JS:
jQuery(document).ready(function() {
jQuery('button').click(function() {
jQuery(this).next().next('.toggle').slideToggle();
if (jQuery(this).text() === '+') {
jQuery(this).html('-');
}
else {
jQuery(this).html('+');
}
});
});