-1

これが私の問題へのリンクです。メニューのサブメニューリンクを選択できるようになるまで、スライドメニューを固定するのを手伝ってください。

私は以下のコードを試しました

html

<div id="menu">
<ul id="tabs">
<li id="tabsli"><a href="#">Home</a></li>
<li id="tabsli"><a href="#tab1">Tab1</a></li>

<div id="tab1" class="subtabs">
    <ul>
    <li id="tabsli1"><a href="slideshow.html">slideshow</a></li>
    <li id="tabsli1"><a href="#">Tab1-2</a></li>
    <li id="tabsli1"><a href="#">Tab1-3</a></li>
    </ul>
</div>

<li id="tabsli"><a href="#tab2">Tab2</a></li>

<div id="tab2" class="subtabs">
    <ul>
    <li id="tabsli1"><a href="RegForm.html">Register</a></li>
    <li id="tabsli1"><a href="Pagination.html">Simple Pagination</a></li>
    <li id="tabsli1"><a href="#">Tab2-3</a></li>
    </ul>
</div>
<li id="tabsli"><a href="#"> Contact Us</a></li>
</ul>


</div>

jquery

$(document).ready(function(){
  menu();
    function menu(){
        $('.subtabs').hide();
    $("#tabs a").hover(function(){
      $(this.hash).slideToggle("slow");
    });
 };
});

JsFiddle

4

1 に答える 1

0

<div>タグの途中にタグを追加することはできません<ul>。それはそこに悪いhtml構文です。あなたがしたいのは、サブメニューを開くために使用されているに<div>、サブメニューであるを追加することです。を表示および非表示にする代わりに、タグ<li>でホバーメソッドを使用する必要があります。<li><div>

于 2013-01-10T05:13:58.323 に答える