Question

我在jquery中构建了一个尴尬的小切换。它有效，但我想知道是否有办法将其简化/合并为一个？我正在使用该类获取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>

压缩/简化这个jquery？

0 个答案: