toggle一個div顯示或隱藏且可擴展成自定義下拉框
更新時間：2013年09月12日 17:34:58 作者：
本文為大家介紹下如何讓一個div顯示或隱藏且可擴展成自定義下拉框，具體實現如下，感興趣的朋友可參考下，希望對大家有所幫助
復制代碼 代碼如下:
$(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 md5加密插件jQuery.md5.js用法示例
這篇文章主要介紹了jQuery md5加密插件jQuery.md5.js用法,結合實例形式簡單分析了jQuery md5加密插件jquery.md5.js的簡單使用技巧,需要的朋友可以參考下2018-08-08
本文主要分享了基于JQuery的獲取鼠標進入和離開容器方向的實現代碼，具有一定的參考價值。下面跟著小編一起來看下吧2016-12-12
這篇文章主要介紹了jQuery實現的分頁功能,結合實例形式較為詳細的分析了jQuery實現分頁功能的具體步驟及相關操作技巧,包括前臺樣式、布局及jQuery分頁插件的調用方法,需要的朋友可以參考下2017-01-01
etmvc+jQuery EasyUI+combobox多值操作實現角色授權實例
本篇文章主要介紹了etmvc+jQuery EasyUI+combobox多值操作實現角色授權，實現對角色role進行授權操作，有需要的可以了解一下。2016-11-11
這篇文章主要介紹了jQuery中nextUntil()方法用法,實例分析了nextUntil()方法的功能、定義及匹配同輩元素的技巧與注意事項,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了HTML5中用js、jQuery結合Ajax實現文件上傳功能，HTML5中已經可以用Ajax上傳文件了，而且代碼簡單，借助 FormData類即可發(fā)送文件數據，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要介紹了基于jQuery排序及應用實現Tab欄特效，jquery是基于JavaScript語言寫出來的一個框架，它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，但實質上還是js，所以JQuery也屬于網頁編程語言。下面更多內容需要的小伙伴可以參考一下2022-03-03
ashx文件與.aspx文件類似，可以通過它來調用HttpHandler類。下面與大家介紹下jquery訪問ashx文件的過程2014-08-08
jQuery快速上手：寫jQuery與直接寫JS的區(qū)別詳細解析
jQuery代碼具體的寫法和原生的Javascript寫法在執(zhí)行常見操作時的區(qū)別如下所示。需要的朋友可以過來參考下2013-08-08
這篇文章主要為大家詳細介紹了基于jQuery實現Accordion手風琴自定義插件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11