0

デフォルトでドロップダウンメニューを非表示にする方法を見つけようとしています。基本的には最初に表示されます。「マイアカウント」のドロップダウンメニュー

ここに私のHTMLがあります

           <li class="hoverli"><a  href="/customer/account">My Account</a>

                    <ul class="user-account">

                       <li><a href="">edit my account</a></li>

                       <li id="wish"><a href="">my wishlist</a></li>

                       <li id="gift"><a href="">my gift registry</a></li>

                    </ul>

                 </li>

ここに私のJavascriptがあります

<script type="text/javascript">
jQuery(function(){
    jQuery(".hoverli").hover(
      function () {
         jQuery('.user-account').slideDown('slow');
      }, 
      function () {
         jQuery('.user-account').slideUp('slow');
      }
    );
}); 
</script>
4

2 に答える 2

2

CSS ルールを追加する

.user-account {
    display: none
}

または、ページの読み込み時に jQuery を使用して非表示にします

jQuery(function(){
    var $ua = jQuery('.user-account').hide(); //cache the selector since it is used multiple times
    jQuery(".hoverli").hover(
      function () {
         $ua.slideDown('slow');
      }, 
      function () {
         $ua.slideUp('slow');
      }
    );
});
于 2013-08-22T12:36:44.633 に答える