代码之家  ›  专栏  ›  技术社区  ›  darylsummers

使用div内的按钮显示accordion以触发下一个外部div

  •  0
  • darylsummers  · 技术社区  · 6 年前

    我正在创作手风琴。外部div称为“contentslider”,单击时触发手风琴的div称为“contenttoggle”。这将切换“content show”div以显示所需的内容。我需要一个“contenttoggle”代码中的图标来触发手风琴,而不是“contenttoggle”中触发手风琴的所有内容。

    我在jquery中尝试了无数次使用父级和兄弟级的尝试,但都没有成功。作为参考,jquery位于另一个文件中的文档中。

    <div class="contentSlider">
        <div class="contentToggle">
            <div class="headerStyle">
                <div class="col2 triggerIcon">ICON IMAGE</div>
                <div class="col10">TEXT</div>
            </div>
        </div>
    
        <div class="contentShow">
            <p>Content...</p>
        </div>
    </div>
    
    
    //JQUERY
    $('.contentSlider').find('.contentToggle').click(function(){
        $(this).next().slideToggle('fast');
        $(".contentShow").not($(this).next()).slideUp('fast');
    });
    

    基于代码,我要求“triggericon”在单击时激活手风琴(“contentshow”),而不是“contenttoggle”中编码的所有内容

    0 回复  |  直到 6 年前