toggle一個div顯示或隱藏且可擴展成自定義下拉框
更新時間：2013年09月12日 17:34:58 作者：
本文為大家介紹下如何讓一個div顯示或隱藏且可擴展成自定義下拉框，具體實現(xiàn)如下，感興趣的朋友可參考下，希望對大家有所幫助
復制代碼 代碼如下:
$(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(); //取消事件的默認動作。
相關文章
jquery中focus()函數(shù)實現(xiàn)當對象獲得焦點后自動把光標移到內(nèi)容最后
當對象獲得焦點后，自動把光標移到內(nèi)容最后，使用focus()函數(shù)便可實現(xiàn)，下面有個不錯的示例，感興趣的朋友可以參考下2013-09-09
今天所要分享的控件是單選按鈕，一個基于jquery擴展漂亮的單選按鈕——RadioButton，喜歡的朋友可以收藏下2013-11-11
jquery根據(jù)一個值來選中select下的option實例代碼
下面小編就為大家?guī)硪黄猨query根據(jù)一個值來選中select下的option實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
本文給大家簡單介紹了jQuery的核心函數(shù)，以及詳細介紹了7種重載方法中的3種，十分的實用，有需要的小伙伴可以參考下。2015-06-06
跟著JQuery API學Jquery 之三 篩選，相當于條件判斷類型。2010-04-04
bootstrap中日歷范圍選擇插件daterangepicker的使用詳解
daterangepicker是bootstrap的一個日歷插件 主要用來選擇時間段的插件 這個插件很好用也很容易操作 。這篇文章主要介紹了bootstrap中日歷范圍選擇插件daterangepicker的使用詳解,需要的朋友可以參考下2018-04-04
jQuery中綁定事件bind() on() live() one()的異同
本文主要介紹了jQuery中綁定事件bind() on() live() one()的異同，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
JQuery中如何傳遞參數(shù)如click(),change()等具體實現(xiàn)
有個需求讓兩個select中option相互轉(zhuǎn)換,這個作業(yè)就是給幾個按鈕添加click()事件接下來為大家介紹下如何在click(),change()傳遞參數(shù)2013-04-04
這篇文章主要介紹了jQuery中復合屬性選擇器用法,實例分析了復合屬性選擇器匹配同時滿足多個屬性條件元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)全選、反選和不選功能 ，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08