カプセル化された js コード-----expand/collapse エフェクト_javascript スキルの例

小さな特殊効果を自分で完全にカプセル化したのはこれが初めてなので、私と同じように探索している子供たちに役立つことを願っています。
🎜>

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

var show_obj = function(obj, at,ob){
$(obj).bind('click', function(){
var showTxt = $(this).children(at);
//alert($(at) .html());
//alert(sObj);
//alert();
//alert($(this).parent().children(p).html() ;
if(showTxt .html() == ' '){
showTxt.html('-')
}else{
showTxt.html(' ')
}
$(this).parent ().children(ob).slideToggle(300);
})
}

html 引用:

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

$(function(){
show_obj(' .slide_show','.slide_show a', '.p-silde');
})
html コード:

="clearfix slide_show">リスト

>

リスト 1
リスト 2
/a>

リストがあります。

リスト 1 ;a href="#"> ;リスト 2
リスト 3

リストがありません

🎜>


追伸: jQuery フレームワークは ie6 以降、Firefox、Google と互換性があり、テストされていないので、必ず引用してください。