如何切换不同ul里的内容？

当我点击顶部菜单中的li时，应显示另一个ul块的div块。我ulli在顶部菜单是这样的：如何切换不同ul里的内容？

<ul class="level0" style="width: 925px;"> 
<li class="level1"> 
<a href="">Shop By Collection</a> 
</li> 
<li class="level1"> 
<a href="">Shop By feature</a> 
</li> 
<li class="level1"> 
<a href="">All category</a> 
</li> 
</ul>

而在另一块我有ulli这样的：

<ul class="cat-list-1"> 
<?php foreach ($cats as $cat): ?> 
<li class="category-li-1"> 
<a href= "<?php echo $_helper->getCategoryUrl($cat) ?>" > 
    <div class="main-cat-1" ><?php echo $cat->getName() ?> </div> 
    </a> 
    <?php $_category = Mage::getModel('catalog/category')->load($cat->getId()) ?> 
       <?php $_subcategories = $_category->getChildrenCategories() ?> 
       <?php if (count($_subcategories) > 0): ?> 
       <div class="sub-cat-1 " style="display:none;"> 
        <ul class="subcat-list-1"> 
         <?php foreach($_subcategories as $_subcategory): ?> 
          <li> 
           <a href="<?php echo $_helper->getCategoryUrl($_subcategory) ?>"> 
            <?php echo $_subcategory->getName() ?> 
           </a> 
          </li> 
         <?php endforeach; ?> 
        </ul> 
       </div> 
       <?php endif; ?> 
</li> 

<?php endforeach; ?> 
</ul>

当我点击定位标记的顶部菜单level1a，<div class="sub-cat-1 ">应切换并显示。

，我试过了jQuery是这样的：

<script> 
var $j = jQuery.noConflict(); 
$j(function() { 
    $j('li.level1 a').click(function(e) { 
     $j('div.sub-cat-1:visible').hide(); 
    $j('div.sub-cat-1', this).toggle(); 
    }); 

}); 
</script>

但是当我点击level 1股利不sub-cat-1打开（IE）的div不切换。有人请纠正我，如果我错了。

来源

2016-06-21 Ramya

当问题声明仅仅是“它不起作用”时，很难提供解决方案。请编辑您的问题，以更全面地描述您的预期会发生什么，以及与实际的结果有何不同。请参阅[问]提示什么使得一个好的解释。 –

只要将显示设置为none，您可以尝试强制显示所需内容，但浏览器在渲染的上下文中没有丝毫线索。

你会想要使用“visibility：hidden;”在sub-cat-1 div上而不是“display：none;”我希望它能正常工作:)

来源

2016-06-21 14:22:48 Annihlator

如何切换不同ul里的内容？

回答

相关问题