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);​