jquery/javascript:添加else语句？

Question

我正在尝试向这段javascript添加一个else语句，这样，如果div-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

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

$(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;
   });        
});

Answer 3

我完全同意Jason P的answer的观点，你应该使用toggle，但是如果你真的需要使用if statement，你可以这样做：

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

jsFiddle