toggle一個(gè)div顯示或隱藏且可擴(kuò)展成自定義下拉框
$(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)擊展開(kāi)或隱藏表格行的方法
- 用javascript 控制表格行的展開(kāi)和隱藏的代碼
- jquery實(shí)現(xiàn)點(diǎn)擊展開(kāi)列表同時(shí)隱藏其他列表
- 右鍵顯示(隱藏)擴(kuò)展名的bat代碼
- jquery特效 點(diǎn)擊展示與隱藏全文
- JS點(diǎn)擊鏈接后慢慢展開(kāi)隱藏著圖片的方法
- jQuery實(shí)現(xiàn)鼠標(biāo)滑過(guò)鏈接控制圖片的滑動(dòng)展開(kāi)與隱藏效果
- jQuery焦點(diǎn)控制圖層展示延遲隱藏的方法
- jquery控制頁(yè)面的展開(kāi)和隱藏實(shí)現(xiàn)方法(推薦)
- jquery點(diǎn)擊展示與隱藏更多內(nèi)容
相關(guān)文章
jQuery md5加密插件jQuery.md5.js用法示例
這篇文章主要介紹了jQuery md5加密插件jQuery.md5.js用法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery md5加密插件jquery.md5.js的簡(jiǎn)單使用技巧,需要的朋友可以參考下2018-08-08JQuery獲取鼠標(biāo)進(jìn)入和離開(kāi)容器的方向
本文主要分享了基于JQuery的獲取鼠標(biāo)進(jìn)入和離開(kāi)容器方向的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值。下面跟著小編一起來(lái)看下吧2016-12-12jQuery實(shí)現(xiàn)的分頁(yè)功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的分頁(yè)功能,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery實(shí)現(xiàn)分頁(yè)功能的具體步驟及相關(guān)操作技巧,包括前臺(tái)樣式、布局及jQuery分頁(yè)插件的調(diào)用方法,需要的朋友可以參考下2017-01-01etmvc+jQuery EasyUI+combobox多值操作實(shí)現(xiàn)角色授權(quán)實(shí)例
本篇文章主要介紹了etmvc+jQuery EasyUI+combobox多值操作實(shí)現(xiàn)角色授權(quán),實(shí)現(xiàn)對(duì)角色role進(jìn)行授權(quán)操作,有需要的可以了解一下。2016-11-11原生JS和jQuery版實(shí)現(xiàn)文件上傳功能
這篇文章主要介紹了HTML5中用js、jQuery結(jié)合Ajax實(shí)現(xiàn)文件上傳功能,HTML5中已經(jīng)可以用Ajax上傳文件了,而且代碼簡(jiǎn)單,借助 FormData類即可發(fā)送文件數(shù)據(jù),感興趣的小伙伴們可以參考一下2016-04-04基于jQuery排序及應(yīng)用實(shí)現(xiàn)Tab欄特效
這篇文章主要介紹了基于jQuery排序及應(yīng)用實(shí)現(xiàn)Tab欄特效,jquery是基于JavaScript語(yǔ)言寫(xiě)出來(lái)的一個(gè)框架,它封裝JavaScript常用的功能代碼,提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式,但實(shí)質(zhì)上還是js,所以JQuery也屬于網(wǎng)頁(yè)編程語(yǔ)言。下面更多內(nèi)容需要的小伙伴可以參考一下2022-03-03jQuery快速上手:寫(xiě)jQuery與直接寫(xiě)JS的區(qū)別詳細(xì)解析
jQuery代碼具體的寫(xiě)法和原生的Javascript寫(xiě)法在執(zhí)行常見(jiàn)操作時(shí)的區(qū)別如下所示。需要的朋友可以過(guò)來(lái)參考下2013-08-08基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11