通过div内的按钮显示手风琴以触发下一个外部div

Question

我正在制作手风琴。外部div称为“ contentSlider”，单击时触发手风琴的div称为“ contentToggle”。这将切换'contentShow'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'中编码的所有内容