我有帶超級選單的導航。如果我點擊選項 1，我需要在串列 1 上設定顯示塊，如果我點擊選項 2，我需要在串列 1 上設定無顯示和在串列 2 上顯示塊。
這是 megamenu 的示例：
<div>
<ul>
<li class="option-1"><a>option 1</a></li>
<li class="option-2"><a>option 2</a></li>
</ul>
<ul class="list-1">
<li>option</li>
<li>option</li>
</ul>
<ul class="list-2">
<li>option</li>
<li>option</li>
</ul>
</div>
有誰知道如何只使用 scss 或 css 來做到這一點？
uj5u.com熱心網友回復：
另一種方法是使用 JS 或 jQuery，如下所示：
$('.list').hide();
$('.button-1').click(function() {
$('.list').hide();
$('.list-1').toggle();
});
$('.button-2').click(function() {
$('.list').hide();
$('.list-2').toggle();
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="button-1">1</button>
<button class="button-2">2</button>
<ul class="list-1 list">
<li>option1</li>
<li>option1</li>
</ul>
<ul class="list-2 list">
<li>option2</li>
<li>option2</li>
</ul>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/335862.html
上一篇：對鏈接陣列進行排序