jquery - 单击导航链接时使用 jQuery 为 div 的可见性设置动画

Question

我是 jQuery 新手，我目前有一个 jQuery 函数，当您单击 div 框时，它会从隐藏位置删除 div。这可以很好地使用 css div 作为参数，但是当我尝试将两个导航链接解析为参数时它不起作用。

有人知道我在做什么错吗？

我想.logobox用<a href>链接替换。

<script type="text/javascript">
$(document).ready(function(){
    $('.logoBox').toggle(function(){
        $('.lowerContainer').slideDown();
    }, function(){
        $('.lowerContainer').slideUp();
    });
});
</script>

这是不起作用的代码片段：

<script type="text/javascript"> $(document).ready(function(){ $('<a href="C:\Users\home.html">Home</a>').toggle(function(){ $('.lowerContainer').slideDown(); }, function(){ $('.lowerContainer').slideUp(); }); }); </script>

Answer 1

尝试这个

<script type="text/javascript">
 $(document).ready(function(){
  $('.logoBox').mouseenter(function(){
    $('.lowerContainer').slideDown();
  });
  $('.logoBox').mouseleave(function(){
     $('.lowerContainer').slideUp();
  });
 });
</script>