ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery は、layers_jquery を展開および閉じるメソッドを実装します。

JQuery は、layers_jquery を展開および閉じるメソッドを実装します。

WBOY
リリース: 2016-05-16 16:13:44
オリジナル
1075 人が閲覧しました

この記事の例では、JQuery がレイヤーの展開と終了を実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:


<頭>
JQuery によって作成されたレイヤー効果の展開/閉じる

<スクリプトタイプ="text/javascript">
$(関数()
{

$("#mostrar").click(function(event) {
イベント.preventDefault();
$("#caja").slideToggle();
});

$("#caja a").click(function(event) {
イベント.preventDefault();
$("#caja").slideUp();
});
});




クリックして詳細を展開します... (効果が失敗した場合は、このページを更新して jquery をロードすると正常になります!)

[x]閉じる

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam noumy eirmodtempor invidunt ut Labore et dolore magna aliquyamerat, sed diam voluptua at vero eos et accusam et justo dolores et ea rebum. /p>




この記事が皆さんの jQuery プログラミングに役立つことを願っています。

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