expandable/collapsable

[angelo70]

Admincp --> Styles & Templates --> Style Manager --> Main CSS --> Additional CSS Definitions
----------------------------------
Add Code
.exp1 {border:1px;}
.exp2 {
padding:4px;
background: #F5F5FF;
border:1px;
border-collapse: collapse;
border-style: dotted;
border-color: #D1D1E1;
color: #000000;
}
.exp3 {
padding:6px;
background: #E1E4F2 url('images/misc/cat_back.gif') repeat-x;
border:1px solid #869BBF;
color: #E0E0F6;
cursor: pointer;
}

cat_back.gif size is 1x29
----------------------------------------------------------------
clientscript/vbulletin_global.js
add code
function expand(a){var b;if(document.getElementById){b=a.nextSibling.next Sibling.style; }else{b=document.all[a.sourceIndex+2].style; }if(b.display=='none'){b.display='';}else{b.displa y='none';}if(a.src.indexOf('cp_collapse.gif')!=-1){a.src=a.src.replace('cp_collapse.gif','cp_expan d.gif');}else{a.src=a.src.replace('cp_expand.gif', 'cp_collapse.gif');}}

----------------------------------------------
add bbcode
---------------------------------------------
Admincp --> Custom BB Codes --> Add New BB Code
Title : expandable/collapsable
Tag: expand
Replacement:
<table><tr><td>
<div class=exp3><span class=smallfont>{option}</span>
<img src=cpstyles/vBulletin_3_Manual/cp_expand.gif onclick="expand(this);" class=exp1><script>document.write("<div style='display:none'>");</script>
<br /><noscript><div></noscript><div style='display:block' class=exp2>{param}</div></div></div></td></tr></table>
Example: expandable testing.
Description: ....
Use {option}: Yes
-----------------------------------------------------
Questions :
how do expandable mode 1line space line remove???

sorry.. i am not good at English. :devious:

[Detomah]

clientscript/vbulletin_global.js
add code
function expand(a){var b;if(document.getElementById){b=a.nextSibling.next Sibling.style; }else{b=document.all[a.sourceIndex+2].style; }if(b.display=='none'){b.display='';}else{b.displa y='none';}if(a.src.indexOf('cp_collapse.gif')!=-1){a.src=a.src.replace('cp_collapse.gif','cp_expan d.gif');}else{a.src=a.src.replace('cp_expand.gif', 'cp_collapse.gif');}}

sorry.. i am not good at English. :devious:

Where in the script do you add this?

[LEAD_WEIGHT]

Darn it has file edit?, I thought it was going to be like quotes_collaspe