我们正在为我们的项目创建常见问题解答部分。
每个常见问题解答问题都有一个滑动开关,用于向上或向下滑动常见问题解答的答案。
我们使用的js是:
$(function ()
{
$('input#search_term').quicksearch('.portlet ul li',
{
loader: 'span.loader'
, onBefore: function ()
{
$('.answer').hide ();
}
, noResults: '#no_results'
});
$('#search-bar form').live ('submit' , function () { return false; });
$('.faq .answer').hide ();
$('.faq p a').live ('click' , function () { $(this).parent ().next ('.answer').slideToggle (); });
});
包含在各个 LI 标签中的每个问题的 html 如下:
<li style="display:none;">
<p><span class="plus_icon">+</span><a class="faq" href="javascript:;">Question Title here</a></p>
<div class="answer">
<p>Answer here</p>
</div>
我想做的就是添加一个元素,点击它会展开所有或收缩所有 LI
谁能帮忙吗
最佳答案
您只需要一个选择器即可选择要扩展/收缩的所有元素。如果有,您可以选择它并使用 slideDown() 或 slideUp() 一次滑动所有这些; jQuery 会同时影响所有这些。像这样:
HTML:
<span id="expand-all">Expand All</span>
<span id="contract-all">Contract All</span>
JS:
$('#expand-all').click(function() {$('.answer').slideDown();});
$('#contract-all').click(function() {$('.answer').slideUp();});
关于javascript - 全部展开或全部折叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7451991/