[英]javascript toggle to jQuery slow toggle slide
您好,我有一棵可以很好地切換的子彈樹,但我想做一個在jquery中看起來很漂亮的滑動切換器...您能幫忙嗎?
javascript:
function toggle(id) {
var e = document.getElementById(id);
if (e.style.display == '')
e.style.display = 'none';
else
e.style.display = '';
}
的HTML:
<ul style="text-align: left;">
<li>
<a href="#" onclick="toggle('node1')">All</a> <input type="checkbox" name="sors" value="A" checked="checked"/>
<ul id="node1" style="display:none">
<li>
<a href="#" onclick="toggle('node2')">Organic</a>
<ul id="node2" style="display:none">
<li>MCA <input type="checkbox" name="sors" value="A" checked="checked"/></li>
<li>MCB <input type="checkbox" name="sors" value="A" checked="checked"/></li>
</ul>
</li>
<li>COMM <input type="checkbox" name="sors" value="A" checked="checked"/></li>
<li>DMISA <input type="checkbox" name="sors" value="A" checked="checked"/></li>
</ul>
</li>
</ul>
請參閱jquery的show
和hide
函數。 您可以向他們傳遞以毫秒為單位的值以對顯示/隱藏進行動畫處理。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.