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-08etmvc+jQuery EasyUI+combobox多值操作實現角色授權實例
本篇文章主要介紹了etmvc+jQuery EasyUI+combobox多值操作實現角色授權,實現對角色role進行授權操作,有需要的可以了解一下。2016-11-11jQuery快速上手:寫jQuery與直接寫JS的區(qū)別詳細解析
jQuery代碼具體的寫法和原生的Javascript寫法在執(zhí)行常見操作時的區(qū)別如下所示。需要的朋友可以過來參考下2013-08-08