Question

我试图独立切换多个div。

它目前正在运作，但并非完全如此。我试图实现的是切换与被点击的元素匹配的div - 但我也希望能够再次单击该元素并隐藏匹配的div。

我怎样才能做到这一点？随意使用jsFiddle http://jsfiddle.net/oczfefaa/9/

$(document).ready(function() { 
  $("ul.menu li a").on("click", function(e) {
    $("div").addClass("hide");
    e.PreventDefault;
    var grabID = $(this).attr( "href" );
    $('div' + grabID).toggleClass("hide");
  });
});

Answer 1

试试这个：你为所有隐藏所有的div（包括点击的div）添加true类，因此在toggleClass上它会显示div，尽管它已经可见了。尝试将..ng-class="{'active' : active.elm == $index}"> ...类添加到除被点击的div之外的所有div。

hide

<强> JSFiddle link

Answer 2

使用切换而不是og togleClass

$(document).ready(function() {   
    $("ul.menu li a").on("click", function(e) { 
        $("div").addClass("hide");
        e.PreventDefault; 
        var grabID = $(this).attr( "href" );                                
        $('div' + grabID).toggle("hide");

    });

}）;

Answer 3

每次点击你添加类和切换只能删除类...

$(document).ready(function() {   
$("ul.menu li a").on("click", function(e) { 
    e.PreventDefault; 
    var grabID = $(this).attr( "href" );                                
    $('div' + grabID).toggle("hide");
});});

切换具有相同ID的div，点击

3 个答案: