我正在创作手风琴。外部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”中编码的所有内容