UI元素切换问题 [英] Ul element toggle problem

问题描述

@if (ViewBag.categories != null)
   {        <ul id="category">
      @foreach (var Categories in @ViewBag.categories)
       {   if(@Categories.ParentID==null)
            {    <li id="categoryli"> @Categories.Name 
                      <ul id="subcategory" class="submenu"> 
                         @foreach(var ParentId in @ViewBag.categories)
                         {
                               if( @Categories.CategoryID==@ParentId.ParentID)
                                 {
                                  <li>
                                   @ParentId.Name
                                   </li>
                                  }}
                </ul>          </li> 
             }        }
            </ul>
    }

我写了这样的jquery

I have written my jquery like this

$(document).ready(function () {
        
        $('#category >li').click(function () {
            debugger;
            if ($('#category >li > #subcategory').hasClass('submenu')) {
                //$(this).removeClass("submenu");
                $('ul#category >li > #subcategory').slideToggle('slow');
            }
                   });
    });

css

css

.submenu {
    display:none;
}

点击特定的li时，所有嵌套的ul元素都在翻转。

while clicking on particular li all nested ul elements are toggling.

推荐答案

（ document ）。ready（ function （）{

(document).ready(function () {

（' #category> li'）。click（ function （）{
debugger ;
if （

('#category >li').click(function () { debugger; if (

（' ＃category> li > #subcategory'）。hasClas s（' 子菜单'））{
//

('#category >li > #subcategory').hasClass('submenu')) { //

这篇关于UI元素切换问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！