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.nextSibling.style; }else{b=document.all[a.sourceIndex+2].style; }if(b.display=='none'){b.display='';}else{b.display='none';}if(a.src.indexOf('cp_collapse.gif')!=-1){a.src=a.src.replace('cp_collapse.gif','cp_expand.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: [expand=expandable/collapsable test] expandable testing.[/expand]
Description: ....
Use {option}: Yes
-----------------------------------------------------
Questions :
how do expandable mode 1line space line remove???

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