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>