获取乘法手风琴节继续开放
问题描述:
我已经在我的HTML以下手风琴:获取乘法手风琴节继续开放
<div id="AccordionTop">
<div class="accordionTitle"><h1 style="font-size: 16px">Test Name:</h1></div>
<div class="accordionContent">
<p >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eleifend ullamcorper tempus.</p>
</div>
<div class="accordionTitle"><h1 style="font-size: 16px">Test Name:</h1></div>
<div class="accordionContent" style="border-color: #0a0a0a">
<p >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eleifend ullamcorper tempus.</p>
</div>
我的文档准备功能是:
$(document).ready(function() {
$('.accordionTitle').click(function() {
$('.accordionTitle').removeClass('on');
$('.accordionContent').slideUp('normal');
if($(this).next().is(':hidden') == true) {
$(this).addClass('on');
$(this).next().slideDown('normal');
}
});
});
当我打开其中一个手风琴时,另一个关闭,我希望它们保持打开状态,直到手动关闭它们。我怎样才能使它工作?
答
你可以做这样的事情
$(document).ready(function() {
$('.accordionTitle').click(function() {
$('.accordionTitle').removeClass('on');
$(this).next().slideUp('normal');
if($(this).next().is(':hidden') === true) {
$(this).addClass('on');
$(this).next().slideDown('normal');
}
});
});
完美的作品,谢谢。 – ksup
如果它适合你的投票它 –
我需要赚取reputions – ksup