jquery - 单击一个div以显示和隐藏jQuery中的其他div

html代码：

<div id="all"> </div>
<div id="div1"> </div>
<div id="div2"> </div>
<div id="div3"> </div>
<div id="div4"> </div>
<div id="div5"> </div>

jQuery代码：

这适用于在“ div1”和“ all”之间切换。如果我想单击＃div1并仅显示“全部”并隐藏其他内容，然后单击“全部”，则显示所有div怎么办？

    $(function () {
         $("#div1, #all").on('click', function ()
         {
             $("#div1, #all").not(this).show();
             $(this).hide();
         });
     });

最佳答案

使用class尝试以下方法。

HTML：

<div id="all"> </div>
<div class="myDivs"> </div>
<div class="myDivs"> </div>
<div class="myDivs"> </div>
<div class="myDivs"> </div>
<div class="myDivs"> </div>

JS：

$(function () {
    $('.myDivs').click (function () {
        $('.myDivs').not(this).hide();
    });

    $('#all').click (function () {
        $('.myDivs').show();
    });
});

编辑：即兴与2处理程序

演示：http://jsfiddle.net/Fsg9y/2/