jquery / javascript：添加else语句？

Question

我正在尝试在此javascript中添加一条else语句，以便在div-1显示div-2后点击div-1并再次点击div-2时隐藏{{1} }}

有谁知道我怎么能这样做？

$(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