javascript - jquery/javascript：添加一个 else 语句？

Question

我正在尝试在这段 javascript 中添加一个 else 语句，这样如果 adiv-1在它显示后被点击div-2，如果div-1再次被点击它就会隐藏div-2。

有谁知道我该怎么做？

$(function() {
    $('.div-1').click(function() {
        $('.div-2').show();
        return false;
    });        
});

Answer 1

请尝试toggle()：

   $('.div-1').click(function() {
       $('.div-2').toggle();
       return false;
   });

Answer 2

我完全同意 Jason P 的回答，你应该使用它toggle，但如果你真的需要使用 an if statement，你可以这样做：

$('.div-1').click(function() {
    if ($('.div-2').is(':visible')) {
        $('.div-2').hide();
    } else {
        $('.div-2').show();
    }
   return false;
});

jsFiddle

Answer 3

您可以添加一个虚拟类并检查它是否存在。

$(function() {
   $('.div-1').click(function() {
       var $this = $(this),
           $div2 = $('.div-2');
       if($this.hasClass('open')) {
            $this.removeClass(open');
            $div2.hide();
       } else {
            $this.addClass(open');
            $div2.show();
       }
       return false;
   });        
});