まず効果を見てみましょう:
具体的な機能は次のとおりです。:
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);
;