gpt4 book ai didi

javascript - jQuery UI Accordion - "If Statement"用于打开/关闭面板

转载 作者:行者123 更新时间:2023-12-03 07:51:29 25 4
gpt4 key购买 nike

我有以下代码,可将任何单击的 Accordion 面板移动到页面顶部。但是,我默认打开一些 Accordion 面板,并且我不希望打开的面板在有人关闭它们时显示动画。因此,我希望“滚动到顶部”代码仅适用于关闭的面板。所以我想我需要在某种“if 语句”中检测打开/关闭状态。知道如何实现这一点吗?

<div id="accordion">

<!--Open panel by default-->
<h3 class="accordion">Question</h3>
<div class="content">
<p>text</p>
</div>

<!--Closed panel-->
<h3 class="accordion">Question</h3>
<div class="content">
<p>text</p>
</div>

</div>

<script>
jQuery(function() {
var defaultPanel = parseInt(getParamFirst('section'));
jQuery( "#accordion" ).accordion(
{active: defaultPanel,
autoHeight: false,
collapsible: true,
heightStyle: "content",
animate: 200}
).show();
});

//////////////////////////////////////////////////
//Fire the below code only on closed panels
//////////////////////////////////////////////////

jQuery('.accordion').bind('click',function(){
var self = this;
setTimeout(function() {
theOffset = jQuery(self).offset();
jQuery('body,html').animate({ scrollTop: theOffset.top - 110 });
}, 200);
});
</script>

最佳答案

添加.not('.ui-state-active'):

jQuery('.accordion').not('.ui-state-active').bind('click',function(){
...

关于javascript - jQuery UI Accordion - "If Statement"用于打开/关闭面板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34969957/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com