0

そのため、ナビゲーションメニューにJQueryトグルを実装するのに問題があります。新しいファイルですばやく実行できましたが、メインバージョンでは実行できません。

私が欲しいもの：http：//jsfiddle.net/wFN9t/6/ 私が持っているもの：http：//jsfiddle.net/KgCYE/9/

cssから#submenuli{display：none;}を削除すると、サブメニューが表示されるため、divが非表示になっていることがわかります。誰かが私が間違っていることを教えてもらえますか？

Javascript

 $(document).ready(function() {
 $('#submenu').click(function() {
 $('#submenu ul').toggle('');
});
});

HTML

<div id="navigation">
    <ul>
    <li><a href="aboutme.html"id="aboutme">Home</a></li>
    <li id="submenu"><a href="project.html" id="projects">Projects</a>
        <ul>
            <li><a href="#">Design Exploration</a></li>
            <li><a href="#">Work in progress</a></li>
            <li><a href="#">Proposal</a></li>
            <li><a href="#">Portfolio</a></li>
        </ul>
    </li>
    <li><a href="reflections.html" id="reflections">Reflections</a></li>
</ul>

CSS

#submenu ul{
display:none;
}
4

1 に答える 1

3

変化する

$(document).ready(function() {
  $('#submenu').click(function() {
  $('#submenu ul').toggle('');
});

に

$(document).ready(function() {
   $('#submenu').click(function() {
     $('#submenu ul').toggle('');
   });
});

''また、コードが明確にならないため、を削除する必要があります。

また、左側のパネルのメニューを使用して、フィドルを作成するときにjQueryを含めることを忘れないでください。

デモンストレーション

于 2012-11-06T21:39:46.783 に答える