jQuery else if语句

Question

我想出了一些来自外部页面的jquery，并在另一页面上显示了隐藏的div（＃section2）。 问题是我似乎无法让＃section3与＃section2一样工作。 这是代码。

jQuery(document).ready(function() {
    var hash = window.location.hash.substring(0);
    jQuery(hash).css({
        "display": "block"
    });
    if (hash != '#section2') {
        jQuery('#section1').css({
            "display": "block"
        });
    }
    else {
        jQuery('#section1').css({
            "display": "none"
        });
    }
});​

我尝试了if(hash != '#section3'){ jQuery('#section1').css({"display":"block"}); } if(hash != '#section3'){ jQuery('#section1').css({"display":"block"}); }我似乎只能让＃section2或＃section3出现，并且在输入带有散列的相应网址时，section1会被隐藏。 我似乎无法让他们两个都同时正常工作。 基本上，我需要一些会产生if(hash != '#section2' or '#section3') 。 我正在学习，所以任何帮助将不胜感激。

Answer 1

jQuery(document).ready(function() {
    var hash = window.location.hash.substring(0);
    jQuery(hash).css({
        "display": "block"
    });
    if (hash != '#section2' && hash != '#section3') {
        jQuery('#section1').css({
            "display": "block"
        });
    }
    else {
        jQuery('#section1').css({
            "display": "none"
        });
    }
});​

此外，考虑使用jQuery .show()和.hide()而不是那些CSS改变（同样的效果，但不罗嗦了，它会记住以前的状态）。

Answer 2

尝试;

$(document).ready(function(){
  var sectionhash = window.location.hash.substring(0);
  $(hash).css({"display":"block"});
  if(hash != '#section2' || hash != '#section3'){
    $('#section1').css({"display":"block"});
  }else {
    $('#section1').css({"display":"none"});
  }
});

要么

$(document).ready(function(){
  var sectionhash = window.location.hash.substring(0);
  $(hash).css({"display":"block"});
  if(hash != '#section2'){
    $('#section1').css({"display":"block"});
  }else if(hash != '#section3'){
    $('#section1').css({"display":"block"});
  }else {
    $('#section1').css({"display":"none"});
  }
});

Answer 3

(function($) {
    var hash = window.location.hash;
    $(hash).css('display', 'block');
    $("#section1").toggle(!(hash=='#section2'||hash=='#section3'));
})(jQuery);​