具体的功能是
1.页面上面最多只有一个是显示全部内容的。
2.当自己处于全部显示的时候,点击自己的收起,自己收起。
3.当自己处于全部显示的时候,点击其他的展开是,自己">
ホームページ > ウェブフロントエンド > jsチュートリアル > javascript スキルの展開と折りたたみのより柔軟な js 効果を書きました

javascript スキルの展開と折りたたみのより柔軟な js 効果を書きました

WBOY
リリース: 2016-05-16 17:41:02
オリジナル
1386 人が閲覧しました

まず効果を見てみましょう:
javascript スキルの展開と折りたたみのより柔軟な js 効果を書きました
具体的な機能は次のとおりです。:
1. すべてのコンテンツを表示するページは 1 つだけです。
2. 全画面表示になったら、自分をクリックして非表示にします。
3. 全表示のときに他の展開をクリックすると、自分のコンテンツが非表示になり、元の「折りたたむ」が「展開」になります。
クリックしたオプションはすべてのコンテンツを表示し、 「展開」を「縮小」に変更します
======================================= ===== ========
コードの一部 :
==================== ======== ======================

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







${info.sender } $ {info.content }

a href="javascript:void(0)" onclick="cancelThisInfo(${info.id});" ex_green_fg">削除 < ;span class="fr ml5 mr5">|
折りたたむ

>

gt ;






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

/**
* 通知の展開と通知の折りたたみ
* 1. 特定の ID の展開機能をクリックすると、まずすべてを閉じてから、ID の通知を展開します。class='fl w500 ' class ="ex_arrow ex_arrowUp mr5" Collapse
* 2. クリックして ID を折りたたむと、 class='fl symbleDot w500' class="ex_arrow ex_arrowDown mr5" Expand
* @date 2013-3-5
* @author xhw
*
* @param id
*/
function infoContent(id) {
var a_name = $("#a_" id).attr("name"); = $("#record").val();
if(id == null || id == ""){
alert("リクエストエラー!"); else if( id == Record){
//オブジェクトそのもの (今クリックされているオブジェクトは前ステップで操作したオブジェクトと同じです)
if(a_name == "0"){
$(" #span_content_" id ).attr("class","fl w500");
$("#a_" id).html(" Collapse") ;
$("#a_" id).attr("name", "1");
}else if(a_name == "1"){
$("#span_content_ " id) .attr("class","fl symbleDot w500");
$("#a_" id).html("展開");
$("#a_" id).attr("name", "0");
//$("#record").attr("value",id);
}
}else if(id != Record){
//新しいオブジェクト ID、最後にクリックされたオブジェクト レコード
var old_name = $("#a_" Record).attr("name");
//最後にクリックされたオブジェクト
if(older_name == "0"){
$("#span_content_" Record).attr("class","fl w500"); ( "#a_" レコード).html("折りたたむ");
$("#a_" レコード).attr("name", "1");
}else if(older_name == "1"){
$("#span_content_" レコード).attr("class","fl symbleDot w500"); "#a_" レコード).html("展開");
$("#a_" レコード).attr("名前", " 0");
}
//新しいオブジェクト
if(a_name == "0"){
$("#span_content_" id).attr("class","fl w500" );
$("#a_" id).html("折りたたむ");
$("#a_" id) 。 attr("name", "1");
}else if(a_name == "1"){
$("#span_content_" id).attr("class","fl symbleDot w500" ) ;
$("#a_" id).html("展開");
$("#a_" id). ("名前", "0");
$("#record").attr("値",id);

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