Jquery 媒体查询后链接突然无法点击

我正式被难倒了。在我的页面底部包含一个简单的jQuery slideUp脚本（在单击时显示/隐藏某些div）后，我的导航栏中的两个链接（仅为2 ul）不再“可单击”——只有当浏览器大小缩小到某个宽度（仍然是合理的大小）时才会发生这种情况。它们是可点击的，jQuery可以很好地与更宽的浏览器窗口配合使用。任何帮助都将不胜感激。我准备把电脑扔出窗外

以下是链接：

    <ul id="second">
    <li><a id="partials/art.html">art</a></li>
    <li><a href="#designinfo" class="navlink">   design</a></li>
            <li><a href="#illustrationinfo" class="navlink">illustration</a></li>
    </ul>

    <ul id="first">
    <li><a href="#aboutinfo" class="navlink">   about</a></li>
    <li><a href="#contactinfo" class="navlink">   contact</a></li>
    </ul>

下面是jquery：

    <script>

   $('.navlink').on('click', function(e){
   e.preventDefault();
  var targetDiv = $($(this).attr('href'));
  if(!targetDiv.is(':visible')){
$('.info').slideUp();
targetDiv.slideDown();
 }
   else{$('.info').slideUp();
  }

  });
  </script>

$（'.navlink'）。在（'click'，函数（e）上{
e、 预防默认值（）；
var targetDiv=$（$（this.attr（'href'））；
如果（！targetDiv.is（'：visible'））{
$（'.info'）.slideUp（）；
targetDiv.slideDown（）；
}
else{$（'.info'）.slideUp（）；
}
});

将计算机扔出窗口之前，请更改

var targetDiv=$（$（this.attr（'href'））

to

var targetDiv=$（this.attr（'href'）这实际上禁用了jquery脚本--在我更改它之后，没有任何东西会打开..有趣的是--我只是取出了我所有的媒体查询，那些突然无法点击的链接是可以点击的。。
         .info{
          display:none;
           }

    <script>

   $('.navlink').on('click', function(e){
   e.preventDefault();
  var targetDiv = $($(this).attr('href'));
  if(!targetDiv.is(':visible')){
$('.info').slideUp();
targetDiv.slideDown();
 }
   else{$('.info').slideUp();
  }

  });
  </script>