Question

我已经设置了隐藏/查看类别菜单的功能：

脚本：

      function toggle(id) {

         var e = document.getElementById(id);
         if(e.style.display == 'block')
            e.style.display = 'none';
         else
            e.style.display = 'block';
      }

      </script>

我在这样的p标签上使用它：

     <p onclick="toggle('foos');";>Category</p>

上面的方法很完美。当我点击“类别”时，它会显示或隐藏我的div。

但是我然后做了另一个菜单作为列表。当我从列表中单击“ li”之一时，我想执行“ toggle”功能。

我试图这样做：

    $(".uldropdown").on('click','li',function (){

    $("#displaytwo .menu p").click();

    });

但是，当我单击“ li”之一时，它仅短暂显示我的类别菜单，然后立即消失。

因此它几乎可以正常工作，但是由于某些原因，单击后div会立即消失。我希望有人能告诉我怎么了。谢谢

编辑： 这是我的列表菜单：

     echo '<div id="foo">';
     echo '<ul id="uldropdown" class="uldropdown">

     <ul>';


   while($row = mysqli_fetch_array($results)) {
    echo '<li  class="lidropdown">'.$row['name'].'</li>';

    }
    echo '</ul>
   </ul></div>';

我的类别菜单：

      <div class="hejsa" >
      <p onclick="toggle('foos');";>Category</p>

      <?php
        echo '
        <div id="foos">';

         echo '<ul id="catdropdown" class="catdropdown">

              <ul>';

        while($row = mysqli_fetch_array($resultcats)) {
            echo '<li  class="catdropdown" onclick="location.reload()"; ">'.$row['category'].'</li>';

        }
        echo '</ul>
        </ul></div></div>';

我没有添加一些SQL部分，只是为了使其尽可能简单。

我的jQuery隐藏/查看功能可以工作，但如果通过另一个脚本执行则无法工作

0 个答案: