toggle一個(gè)div顯示或隱藏且可擴(kuò)展成自定義下拉框
更新時(shí)間：2013年09月12日 17:34:58 作者：
本文為大家介紹下如何讓一個(gè)div顯示或隱藏且可擴(kuò)展成自定義下拉框，具體實(shí)現(xiàn)如下，感興趣的朋友可參考下，希望對(duì)大家有所幫助
復(fù)制代碼 代碼如下:
$(function(){
//toggle div
$("#gga").click(function(event){
event.stopPropagation(); //阻止冒泡事件
$(".toggleoption").slideToggle("fast");
});
//slideup div
$(document).click(function(event) {
var eo = $(event.target);
if($(".toggleoption").is(":visible") && eo.attr("class") != "toggleoption" && !eo.parent(".toggleoption").length) {
$('.toggleoption').slideUp("fast");
}
});
})
event.preventDefault(); //取消事件的默認(rèn)動(dòng)作。
您可能感興趣的文章:
- JS實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊展開或隱藏表格行的方法
- 用javascript 控制表格行的展開和隱藏的代碼
- jquery實(shí)現(xiàn)點(diǎn)擊展開列表同時(shí)隱藏其他列表
- 右鍵顯示(隱藏)擴(kuò)展名的bat代碼
- jquery特效 點(diǎn)擊展示與隱藏全文
- JS點(diǎn)擊鏈接后慢慢展開隱藏著圖片的方法
- jQuery實(shí)現(xiàn)鼠標(biāo)滑過(guò)鏈接控制圖片的滑動(dòng)展開與隱藏效果
- jQuery焦點(diǎn)控制圖層展示延遲隱藏的方法
- jquery控制頁(yè)面的展開和隱藏實(shí)現(xiàn)方法(推薦)
- jquery點(diǎn)擊展示與隱藏更多內(nèi)容
相關(guān)文章
jquery中focus()函數(shù)實(shí)現(xiàn)當(dāng)對(duì)象獲得焦點(diǎn)后自動(dòng)把光標(biāo)移到內(nèi)容最后
當(dāng)對(duì)象獲得焦點(diǎn)后，自動(dòng)把光標(biāo)移到內(nèi)容最后，使用focus()函數(shù)便可實(shí)現(xiàn)，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-09-09
今天所要分享的控件是單選按鈕，一個(gè)基于jquery擴(kuò)展漂亮的單選按鈕——RadioButton，喜歡的朋友可以收藏下2013-11-11
jquery根據(jù)一個(gè)值來(lái)選中select下的option實(shí)例代碼
下面小編就為大家?guī)?lái)一篇jquery根據(jù)一個(gè)值來(lái)選中select下的option實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
本文給大家簡(jiǎn)單介紹了jQuery的核心函數(shù)，以及詳細(xì)介紹了7種重載方法中的3種，十分的實(shí)用，有需要的小伙伴可以參考下。2015-06-06
跟著JQuery API學(xué)Jquery 之三 篩選
跟著JQuery API學(xué)Jquery 之三 篩選，相當(dāng)于條件判斷類型。2010-04-04
bootstrap中日歷范圍選擇插件daterangepicker的使用詳解
daterangepicker是bootstrap的一個(gè)日歷插件 主要用來(lái)選擇時(shí)間段的插件 這個(gè)插件很好用也很容易操作 。這篇文章主要介紹了bootstrap中日歷范圍選擇插件daterangepicker的使用詳解,需要的朋友可以參考下2018-04-04
jQuery中綁定事件bind() on() live() one()的異同
本文主要介紹了jQuery中綁定事件bind() on() live() one()的異同，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
JQuery中如何傳遞參數(shù)如click(),change()等具體實(shí)現(xiàn)
有個(gè)需求讓兩個(gè)select中option相互轉(zhuǎn)換,這個(gè)作業(yè)就是給幾個(gè)按鈕添加click()事件接下來(lái)為大家介紹下如何在click(),change()傳遞參數(shù)2013-04-04
這篇文章主要介紹了jQuery中復(fù)合屬性選擇器用法,實(shí)例分析了復(fù)合屬性選擇器匹配同時(shí)滿足多個(gè)屬性條件元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)全選、反選和不選功能 ，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08