if语句逻辑未产生期望的结果

我有一个名为“服务”的页面。当您从导航菜单转到该页面时，我不想显示任何服务（太复杂了，难以解释）。然后在我的索引页面上，我具有每种服务类型的链接。如果单击链接，它将带您到服务页面，仅显示该服务。

对于各个服务链接，它们如下所示：

<a href="serviceCheck2#service1">Service 1</a>
<a href="serviceCheck2#service2">Service 2</a>
<a href="serviceCheck2#service3">Service 3</a>

该系统的这一方面起作用。它带我到服务页面，仅显示我从链接中单击的服务。

无效的部分未显示服务或service-display-box导航菜单中的。现在，所有服务都显示了，并且service-display-box也做了。

我试图创建逻辑来防止这种情况的发生，但是它没有用。在下面的javascript中，您将看到类似的注释//added，这是我添加的尝试创建逻辑，service-display-box如果浏览器中存在哈希，它将显示特定的服务项，否则将根本不显示service-display-box。

我的逻辑有什么问题？

$(function(){

    //get the section name from hash
    var sectionName = window.location.hash.slice(1);

    if (sectionName != null) { //added
    //then show the section
     $('#service-display-box').show();
     $(window.location.hash).show().scroll().siblings().hide();
    } else { //added
        $('#service-display-box').hide(); //added
    } //added
})

#service-display-box {
    display: none;
}
<div id="service-display-box">
      <div id="service-display-box-container">
        <div class="service-item-box" id="service1">
          <div class="service-item-title">1</div>
          <h2 class="service-item-description"> Service</div>
        </h2>
        <h2 class="service-item-box" id="service2">
          <div class="service-item-title">2</div>
          <div class="service-item-description"> Service</div>
        </h2>
        <h2 class="service-item-box" id="service3">
          <div class="service-item-title">3</div>
          <div class="service-item-description"> Service</div>
        </h2>
        <h2 class="service-item-box" id="service4">
          <div class="service-item-title">4</div>
          <div class="service-item-description"> Service</div>
        </h2>
        <h2 class="service-item-box" id="service5">
          <div class="service-item-title">5</div>
          <div class="service-item-description"> Service/div>
        </h2>
        <h2 class="service-item-box" id="service6">
          <div class="service-item-title">6</div>
          <div class="service-item-description"> Service</div>
        </h2>
        <div style="clear:both;"></div>
        <div id="service-top"><span id="service-top-border">Back to all services</span></div>
      </div>
    </div>

我也尝试过

if (sectionName > 1) {