0

Hei Iamは、メニューをクリックした後にサブメニューを表示しようとするjquery iamの初心者です。たとえば、トップメニューを選択すると、すべてのサブメニューが表示されます。しかし、そのサブメニューの1つをクリックすると、他のサブメニューが消えます。たとえば、「Furniture」をクリックすると、「Deko」と「Fancy」の2つのサブメニューが開きました。「デコ」をクリックすると、他のサブメニューが消え、デコの内容だけが表示されます

これを解決する方法。助けてくださいここに私のコードがあります

    <ul id="application-menu">
      <li class="dropdown">Furniture
        <ul>
          <li><a href="" />Deko</li>
          <li><a href="" />Fancy</li>
        </ul>
      </li>

      <li class="dropdown">Tables
        <ul>
          <li><a href="" />Table1</li>
          <li><a href="" />Table2</li>

      </li>
    </ul>

<style type="text/css">

  li.dropdown ul
  {
    display: none;
  }


</style>

<script type="text/javascript">
    $('li.dropdown').click(function ()
    {
      $('li.dropdown').find('ul').hide();
      $(this).find('ul').show();
    });

</script>
4

1 に答える 1

0

クリックしたものに似ているが、現在クリックされているものを除くすべての li 要素を取得し、それらを非表示にする必要があります。

$(".dropdown a").not(this).hide();

私は JsFiddle でスニペットを作成しました。親切にチェックして、これがあなたが望むものかどうか教えてください:

http://jsfiddle.net/V45Ux/

于 2012-05-23T14:18:34.947 に答える