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