Html 压缩/简化这个jquery?

Html 压缩/简化这个jquery?,html,nested,toggle,Html,Nested,Toggle,我在jquery中构建了一个笨拙的小切换。这是可行的,但我想知道是否有办法将其简化/合并为一个?我使用的类是get-the-id(因为它是页面上具有单个id的多个条目的一部分,用于在show/hide div之间切换) 以下是脚本: $(".btn-full-detail").click(function() { var divId = $(this).attr('id'); var divId2 = $(this).attr('id') + '-opened'

我在jquery中构建了一个笨拙的小切换。这是可行的,但我想知道是否有办法将其简化/合并为一个?我使用的类是get-the-id(因为它是页面上具有单个id的多个条目的一部分,用于在show/hide div之间切换)

以下是脚本:

        $(".btn-full-detail").click(function() { 
    var divId = $(this).attr('id');
    var divId2 = $(this).attr('id') + '-opened';
    $("#" + divId).toggle();
    $("#" + divId2).toggle();
    // alert(divId);
});

 $(".close-detail").click(function() { 
    var divId = $(this).parent().attr('id');
    var divId2 = $(this).parent().attr('id').replace('-opened', '');
    $("#" + divId).toggle();
    $("#" + divId2).toggle();
});
以下是将影响的div供参考:

<div class="btn-full-detail" id="btn-full-detail-2">
    <a class="collapsed" data-toggle="collapse" href="#x-2" aria-expanded="false">SEE FULL DETAIL</a>
 </div>

<div class="active-detail" id="btn-full-detail-2-opened">
      <div class="print-detail"><a href="#">print</a></div>
      <div class="archive-detail"><a href="#">Archive?</a></div>
      <div class="close-detail"><a data-toggle="collapse" href="#x-2">&times;</i></a></div>
</div>