0
<div id="wrapDesktopNavBar">
        <ul class="desktopNavBar" id="accordion">

            <li>
                <form class="search">
                    <input type="text" placeholder="Search here" required>
                </form>
            </li>
            <li><a class="firstLevel" href="#home"  onclick="callthis()">Main Category 1</a></li>
            <li><a class="firstLevel" href="#">Main category 2</a>
                <ul>
                    <li><a class="secondLevel" href="#">Sub Category 1</a>
                    <li><a class="secondLevel" href="#">Sub Category 2</a>
                    <li><a class="secondLevel" href="#">Sub Category 3</a>
                    <li><a class="secondLevel" href="#">Sub Category 4</a>
                    <li><a class="secondLevel" href="#">Sub Category 5</a>
                    <li><a class="secondLevel" href="#">Sub Category 6</a>
                </ul></li>
            <li><a class="firstLevel" href="#">Main Category 3</a></li>
            <li><a class="firstLevel" href="#">Main category 4</a>
                <ul>...

これは、サブカテゴリを上にスライドさせるための私のhtmlと私のjavascriptです。

  $("#accordion > li").on('click', function () {
      if (false == $(this).next('ul').is(':visible')) {
          $('#accordion > ul').slideUp(300);
      }
      $(this).next('ul').slideToggle(300);
  });

メインカテゴリーをクリックしてもサブカテゴリーが出てきません。jquery ui アコーディオンのようにうまくスライドするはずです。助けてください。サブカテゴリが表示されない理由がよくわかりません。

4

1 に答える 1

0

フィドル

$('.firstLevel').click(function () {
    $(this).next().toggle(300);
});
于 2013-08-09T10:48:21.923 に答える