Collapsing Boards?

[midnightrun]

I was wondering if it would be possible to create a collapsing table within a board inside of a NON-collapsing category?

Example: (look at the bottom categories)
mementomori-rpg.com/

**Except the actual role playing board collapsing though, I would like the little table to the left of the boards (where it stores extra information about the boards) to be collapsing instead

Is this possible?

[NetMaster]

Wormo, from the example site source code: The main animation comes from Dynamic Drive:
This also requires the jquery files that are externally hosted. (If there is a problem getting them I can retrieve them.)

Midnight: Just due to the length and complexity of the script this might take a few weeks to work out. Just letting you know a relative time frame in case you're needing it sooner. (But pretty much anywhere you go it's going to take an equal amount of time.)

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="/jscripts/ddaccordion.js">

/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>

<script type="text/javascript">

//Initialize first demo:
ddaccordion.init({
headerclass: "mypets", //Shared CSS class name of headers group
contentclass: "thepet", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 800, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: false, //persist state of opened contents within browser session?
toggleclass: ["", "openpet"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})

//Initialize second demo:
ddaccordion.init({
headerclass: "borderlands", //Shared CSS class name of headers group
contentclass: "bordland", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 800, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: false, //persist state of opened contents within browser session?
toggleclass: ["", "openbord"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})

//Initialize second demo:
ddaccordion.init({
headerclass: "draconus", //Shared CSS class name of headers group
contentclass: "draco", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 800, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: false, //persist state of opened contents within browser session?
toggleclass: ["", "opendraco"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})

//Initialize second demo:
ddaccordion.init({
headerclass: "loneislands", //Shared CSS class name of headers group
contentclass: "islands", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 800, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: false, //persist state of opened contents within browser session?
toggleclass: ["", "opencil sharpernerlands"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})

//Initialize second demo:
ddaccordion.init({
headerclass: "frigusdev", //Shared CSS class name of headers group
contentclass: "frigus", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 800, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: false, //persist state of opened contents within browser session?
toggleclass: ["", "openfrig"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})

//Initialize second demo:
ddaccordion.init({
headerclass: "nigerasilva", //Shared CSS class name of headers group
contentclass: "nigera", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 800, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: false, //persist state of opened contents within browser session?
toggleclass: ["", "opennigera"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})

//Initialize second demo:
ddaccordion.init({
headerclass: "norvaldvolcano", //Shared CSS class name of headers group
contentclass: "norvald", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 800, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: false, //persist state of opened contents within browser session?
toggleclass: ["", "opennorv"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})


//Initialize second demo:
ddaccordion.init({
headerclass: "ferusphas", //Shared CSS class name of headers group
contentclass: "ferus", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 800, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: false, //persist state of opened contents within browser session?
toggleclass: ["", "openferus"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})

//Initialize second demo:
ddaccordion.init({
headerclass: "elysiumotium", //Shared CSS class name of headers group
contentclass: "elysium", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 800, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: false, //persist state of opened contents within browser session?
toggleclass: ["", "openelys"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})

//Initialize second demo:
ddaccordion.init({
headerclass: "ardhielire", //Shared CSS class name of headers group
contentclass: "ardhi", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 800, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: false, //persist state of opened contents within browser session?
toggleclass: ["", "openardhi"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})

//Initialize second demo:
ddaccordion.init({
headerclass: "zakovacity", //Shared CSS class name of headers group
contentclass: "zakova", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 800, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: false, //persist state of opened contents within browser session?
toggleclass: ["", "openzak"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})

</script>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://mementomori-rpg.com/jscripts/animatedcollapse.js">

/***********************************************
* Animated Collapsible DIV v2.4- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>


<script type="text/javascript">

animatedcollapse.addDiv('wordcount', 'fade=3,speed=400,')

animatedcollapse.addDiv('switch', 'fade=3,speed=400')

animatedcollapse.addDiv('topbarguide', 'fade=3,speed=400,group=topbar')
animatedcollapse.addDiv('topbarlinks', 'fade=3,speed=400,group=topbar')

animatedcollapse.addDiv('cat', 'fade=3,speed=400,group=pets')
animatedcollapse.addDiv('dog', 'fade=3,speed=400,group=pets')
animatedcollapse.addDiv('rabbit', 'fade=3,speed=400,group=pets')
animatedcollapse.addDiv('feline', 'fade=3,speed=400,group=pets')

animatedcollapse.addDiv('casper', 'fade=3,speed=400,group=staff')
animatedcollapse.addDiv('riorach', 'fade=3,speed=400,group=staff')
animatedcollapse.addDiv('abby', 'fade=3,speed=400,group=staff')
animatedcollapse.addDiv('riley', 'fade=3,speed=400,group=staff')
animatedcollapse.addDiv('garm', 'fade=3,speed=400,group=staff')
animatedcollapse.addDiv('illusion', 'fade=3,speed=400,group=staff')

animatedcollapse.addDiv('story', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('guardians', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('forumrules', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('characterules', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('RPrules', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('humaninfo', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('wolfinfo', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('shifterinfo', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('wolfspecies', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('humanbio', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('wolfbio', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('shifterbio', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('basicbio', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('common', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('uncommon', 'fade=3,speed=400,group=guide')
animatedcollapse.addDiv('rare', 'fade=3,speed=400,group=guide')

animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
//$: Access to jQuery
//divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
//state: "block" or "none", depending on state
}

animatedcollapse.init()

</script>

<script type="text/javascript" language="JavaScript"><!--
function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}
function SwelovesROTTIE(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "block";
}
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
//--></script>
<script type="text/javascript" language="JavaScript"><!--
function SwelovesROTTIE(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";border-bottom: 1px solid #000;
}
function ShowContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "block";
}
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
//--></script>

<script type="text/javascript">
function RiolovesFISH(id)
{
if(document.getElementById(id).style.display==""){
document.getElementById(id).style.display="none";
} else {
document.getElementById(id).style.display="";
}
function SwelovesROTTIE(d) {
document.getElementById(d).style.display = "none";
}
}

</script>

<script type="text/javascript" src="/jscripts/dropdown.js">
<!-- end: headerinclude -->
<script type="text/javascript">
<!--
lang.no_new_posts = "Forum Contains No New Posts";
lang.click_mark_read = "Click to mark this forum as read";
// -->
</script>


[Wormopolis]

that wording confused me

lets simplify the idea a bit. you want to put a collapsing table in the board description area or maybe left of each board? where will the contents of each table come from? did you want to put that into the headers/footers?

[midnightrun]

Worm, I want the collapsing table to be inside a board. And then to the right of the table would be just the regular board description

NetMaster, what do you mean by they need to be externally hosted? I don't believe I can do that since I can only do so much from my phone. But, don't worry about time, I just opened this site and I don't plan to actually release it to the public for months

[Wormopolis]

Have at it NetMaster!

[NetMaster]

If not externally hosted then they'll have to be placed into the header/footer and it's going to take up lots of coding room. When you can get to a computer or laptop try to find some free file storage.

Try these:

www.thruinc.com/products-services/managed-file-transfer/

www.smartbins.net/

www.livedrive.com/

www.anonstorage.net/

secure.cloudsafe.com/login/

These were chosen based on the following criteria:

1. Free (no charge)

2. No expiration of storage

3. Available for linking (without a limit)

Otherwise I'll be playing with all these codes on my test forum. When I get it right I'll be posting instructions. Until then just bump the thread, (limit to once per 24 hour period).

[midnightrun]

Well, its literally impossible for me to get to a computer, all I have is my phone. So, I guess I'll just wait on you

It's really no rush, though. Don't stress about it

[midnightrun]

Bump

[midnightrun]

Bump

[midnightrun]

Bump

[midnightrun]

Bump

[midnightrun]

Bump

[Wormopolis]

lemme see if he is still working on this.

[midnightrun]

Okay

[Wormopolis]

He had some personal business happen to him in the past week so he is sorta offline. he said he will get back into it when things calm down for him.