jquery - jQueryを使用して、ナビゲーションリンクをクリックしたときにdivの可視性をアニメーション化する

Question

私はjQueryを初めて使用し、現在、divボックスをクリックすると非表示の位置からdivをドロップするjQuery関数を使用しています。これは、css divをパラメーターとして使用すると正常に機能しますが、2つのナビゲーションリンクをパラメーターとして解析しようとすると機能しません。

誰かが私が間違っていることを知っていますか？

リンク.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>