如何切換不同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裏的內容？

回答

相關問題