如果你不知道層滑動(dòng)（SlideToggle）是哪種效果，那么請(qǐng)點(diǎn)擊本人做的這個(gè)Demo看看。
如果你寫過CSS，那么display的樣式一定不會(huì)陌生，它就如一個(gè)標(biāo)簽開關(guān)，能控制某個(gè)標(biāo)簽的隱藏和顯示，在菜單中尤為常見，本人也做了個(gè)Demo。
SlideToggle與display，都能實(shí)現(xiàn)相同的目的，就是控制標(biāo)簽的隱藏和顯示，然而，很顯然，SlideToggle的視覺效果比display好一些，display給人一種瞬間的視覺感覺，而SlideToggle則給人一種拖拉的視覺效果，大大增強(qiáng)了用戶的使用體驗(yàn)。
事實(shí)上，SlideToggle的使用非常普遍了，在不少大型網(wǎng)站都能看到。例如GoDaddy的后臺(tái)管理界面就在不少地方使用這個(gè)效果，用起來感覺非常的不錯(cuò)。
SlideToggle的實(shí)現(xiàn)
SlideToggle的實(shí)現(xiàn)非常簡(jiǎn)單，如果只需控制一個(gè)標(biāo)簽，那么只要運(yùn)用如下代碼即可：
1、引用JQuery JS文件
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
2、寫個(gè)JS函數(shù)
<script type="text/javascript"> $(function() { $("#mostrar").click(function(event) { $(".box2").slideToggle(); }); }); </script>
說明：mostrar 為點(diǎn)擊的標(biāo)簽id ，如：<a href="#" id="mostrar" >點(diǎn)擊這里</a>，box2為需要隱藏和顯示的層的class 如：<div class="box2">
