1、在HTML中元素的隱藏和顯示是靠CSS的display屬性，當display=時，元素隱藏 可以通過jquery的toggle方法控制display 先在頁面放一個按鈕和iframe 顯示隱藏ltbotton引入jQuery庫文件 給onshow添加單擊事件 $function；selectortogglespeed，callbackspeed可選規(guī)定 hideshow 效果的速度默認是 quot0quot可能的值毫秒比如 1500quotslowquotquotnormalquotquotfastquotcallback可選當 toggle 方法完成時執(zhí)行的函數(shù)4顯示或隱藏；1隱藏元素 使用hide方法，如下圖2顯示隱藏的元素，使用show方法，如下圖。

2、1toggletoggle方法除了模擬鼠標連續(xù)單擊事件之外，同時會動態(tài)的隱藏改變當前元素的高度，寬度和不透明度，最終切換當前元素的可見狀態(tài)如果元素可見，則切換隱藏狀態(tài)，如元素隱藏，切換可見狀態(tài) 2fadeln與fadeOut；2然后引入Jquery的庫文件，編寫代碼首先獲取a標簽的dom并給它加一個click事件，在click的回調(diào)中判斷div是否為隱藏狀態(tài)，是的話就隱藏div否則就顯示div3最后來到編輯器右側(cè)的瀏覽器，可以看到此時div是顯示的4點擊；這段的兩個按鈕，可以實現(xiàn)單獨控制 及 同時控制 quot顯示quot和quot隱藏quot 的功能$function $quota1， a2quotonquotclickquot，function $quotbquottoggle；今天的重點不是顯示和隱藏，而是監(jiān)聽某個布爾變量值，自動改變元素顯示和隱藏狀態(tài)監(jiān)聽函數(shù)if判斷選擇dom設(shè)置dom，5行代碼搞不定吧，而且毫無技術(shù)含量看代碼 ngshow and nghide directives 字符串1 字符串2。

3、toggle方法已經(jīng)被jquery18之后所拋棄，所以我們在用toggle實現(xiàn)元素的隱藏和顯示時不能直接用toggle要么使用18之前的jquery，要么替代替代html頁面 顯示與隱藏 請點擊這里 var i =0quotbuttonquotclickfunction；quotselectquothide 隱藏下拉框$quotselectquotshow 顯示下拉框$quotselectquottoggle 如果下拉框是顯示的則隱藏之，反之亦然示例代碼如下 創(chuàng)建Html元素 點擊按鈕可以顯示或隱藏下拉框請；顯示隱藏文件的最簡單方法是使用終端只要打開終端位于應(yīng)用程序?qū)嵱霉ぞ?，將以下代碼復(fù)制進去然后回車 defaults write AppleShowAllFiles bool YES Finder需要重啟才能應(yīng)用修改，在終端中接著輸入 kill；需要準備的材料分別有電腦html編輯器瀏覽器1首先，打開html編輯器，新建html文件，例如indexhtml，并引入jquery2在indexhtml中的標簽，輸入jquery代碼#39button#39clickfunction if $thist；jQuery提供了toggle函數(shù)用于切換顯示和隱藏顯示被隱藏的元素，隱藏已顯示的元素，示例代碼切換顯示我是目標元素$documentreadyfunction $quotbuttonquotclickfunction $quot#testquottoggle。

4、function 頁面加載完成之后，進行事件綁定 $quot#btnquottoggle function $quot#divquothide 第1，3，5，7，8，9次點擊按鈕，div隱藏 ， function $quot#div。

5、jQuery toggle是一種前端交互效果，其意思是在兩個狀態(tài)之間切換顯示在需要展開和折疊內(nèi)容的地方使用它可以提供很好的用戶體驗比如，可以將一個列表的詳細內(nèi)容隱藏起來，只顯示摘要，用戶需要展開時再觀看詳細內(nèi)容，通過jQuery。

6、toggle 的作用就是當對象是顯示的就隱藏，當是隱藏的則顯示 如果你除了顯示和隱藏之外還需要同時實現(xiàn)其他功能的話，可以這樣$documentreadyfunctione $quotbutquotclickfunctione if $quotabcquot。