ホームページ > ウェブフロントエンド > jsチュートリアル > div を表示または非表示に切り替え、カスタム ドロップダウン box_jquery に展開できます。

div を表示または非表示に切り替え、カスタム ドロップダウン box_jquery に展開できます。

WBOY
リリース: 2016-05-16 17:22:46
オリジナル
1076 人が閲覧しました
コードをコピー コードは次のとおりです:

$(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();イベント。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート