当前位置: 首页 > 知识库问答 >
问题:

隐藏其他手风琴项目

殷浩慨
2023-03-14

我使用选择选项调用手风琴项目,如http://jsfiddle.net/Rnfzz/1/

但是,当我从选择框中选择一个项目时,其他打开的手风琴项目不会自动隐藏。如何隐藏其他手风琴项目,以便仅显示单击的手风琴项目?。

这是html

C-1 Anim pariatur cliche reprehenderit,enim eiusmod high life accusamus terry richardson ad squid。3 wolf moon officia aute,非cupidatat滑板dolor早午餐。食品车奎奴亚藜。早午餐3 wolf moon tempor,sunt aliqua在上面放了一只鸟squid single origin coffee nulla assumenda shoreditch et.Nihil anim keffiyeh helvetica,craft beer labore wes anderson cred nesciunt sapiente ea proident。广告纯素例外屠夫副洛莫。紧身裤occaecat craft beer farm to table,raw denim美学synth nesciunt你可能还没听说过accusamus labore可持续VHS。C-2 Anim pariatur cliche reprehenderit,enim eiusmod high life accusamus terry richardson ad squid。3 wolf moon officia aute,非cupidatat滑板dolor早午餐。食品车奎奴亚藜。早午餐3 wolf moon tempor,sunt aliqua在上面放了一只鸟squid single origin coffee nulla assumenda shoreditch et.Nihil anim keffiyeh helvetica,craft beer labore wes anderson cred nesciunt sapiente ea proident。广告纯素例外屠夫副洛莫。紧身裤occaecat craft beer farm to table,raw denim美学synth nesciunt你可能还没听说过accusamus labore可持续VHS。C-3动物教区陈词滥调reprehenderit,enim eiusmod high life accusamus terry richardson ad squid。3 wolf moon officia aute,非cupidatat滑板dolor早午餐。食品车奎奴亚藜。早午餐3 wolf moon tempor,sunt aliqua在上面放了一只鸟squid single origin coffee nulla assumenda shoreditch et.Nihil anim keffiyeh helvetica,craft beer labore wes anderson cred nesciunt sapiente ea proident。广告纯素例外屠夫副洛莫。紧身裤从手工啤酒场到餐桌,生料牛仔布美学synth Nescuint你可能还没听说过accusamus labore可持续VHS。

jquery

$('.les_toggle').change(function(e){
if($(this).parents('.panel-group').children('.panel-collapse').hasClass('in')) {
    e.stopPropagation();
    $('.in').collapse('hide');
}

共有1个答案

唐修诚
2023-03-14

我用这种方法解决了这个问题,没有使用.stopPropagation()

$('.les_toggle').on('change',function(){
    if($('.panel-collapse').hasClass('in')){ 
    $('.in').collapse('hide');
    }   
});

谢谢Bass Jobsen

 类似资料:
  • 我尝试了以下代码,除了图标外,一切都很好。我试图在Google上找到一些解决方案,但我找不到我正在寻找的解决方案。 当我点击其中一个手风琴时,另一个手风琴应该折叠,当前点击的手风琴应该打开,同时fa图标应该根据手风琴的位置而改变。 这是我到目前为止已经尝试过的

  • 手风琴效果其实就是通过JS改变元素的height,然后加上transition来让css动起来。 准备HTML结构 这里我们使用 dl , 因为 dt 刚好可以模拟标题, dd 模拟内容。 <div class="panel"> <dl> <dt>One Item</dt> <dd>One Item Content .</dd>

  • 我正在使用jQuery手风琴来隐藏一些数据。 accordion标题是一个带有一些标题的表格。有一个标题,我不希望你点击它,因为手风琴事件会触发。 所以 手风琴是可折叠的,如果您单击Test2(类nofunction),手风琴事件不应触发。但是如果您单击Test或其他表头,手风琴应该会触发事件。 我可以添加这个功能吗? 更新测试http://jsfiddle.net/e3Q8d/,包括jQuery

  • jQueryUI中的Accordion Widget是一个基于jQuery的可扩展和可折叠内容持有者,它被分成几个部分,可能看起来像标签。 jQueryUI提供了accordion()方法来实现这一点。 语法 (Syntax) accordion()方法可以使用两种形式 - $(selector,context).accordion(options)方法 $(selector, context).

  • 描述 (Description) 手风琴是一个图形控制元素,显示为堆叠的项目列表。 每个手风琴都可以expanded或stretched以显示与手风琴相关的内容。 可折叠布局 当您使用单个单独的可折叠元素时,您需要省略accordion-list包装元素。 以下是可折叠布局的结构 - <!-- Single collapsible element ------> <div class = "acc

  • 本文向大家介绍jQuery UI Library 手风琴选项用法,包括了jQuery UI Library 手风琴选项用法的使用技巧和注意事项,需要的朋友参考一下 示例 这将返回一个PlainObject,它给出代表所选手风琴的所有选项。这将包含“参数”部分中说明的所有键值。 此方法采用的参数是参数中说明的基本optionName。可以这样设置选项: