Animated Collapse DIV

[Elz]

1) Script Title: Animated Collapse DIV

2) Script URL (on DD): http://dynamicdrive.com/dynamicindex17/animatedcollapse.htm

3) Describe problem:
Love the script, works great. But, I wanted to know how to get the DIV tab to open above the link, not below.

Thanks in advance.

[jscheuer1]

Just put it that way. Like for Example 1 from Step 2 on the demo page, change:


<p><b>Example 1 (individual):</b></p>

<a href="javascript:animatedcollapse.toggle('jason')"><img src="toggle.jpg" border="0" /></a> <a href="javascript:animatedcollapse.show('jason')">Slide Down</a> || <a href="javascript:animatedcollapse.hide('jason')">Slide Up</a>

<div id="jason" style="width: 300px; background: #FFFFCC; display:none">
<b>Content inside DIV!</b><br />
<b>Note: Fade effect enabled. Height programmically defined. DIV hidden using inline CSS.</b><br />
</div>

to:


<p><b>Example 1 (individual):</b></p>

<div id="jason" style="width: 300px; background: #FFFFCC; display:none">
<b>Content inside DIV!</b><br />
<b>Note: Fade effect enabled. Height programmically defined. DIV hidden using inline CSS.</b><br />
</div>

<a href="javascript:animatedcollapse.toggle('jason')"><img src="toggle.jpg" border="0" /></a> <a href="javascript:animatedcollapse.show('jason')">Slide Down</a> || <a href="javascript:animatedcollapse.hide('jason')">Slide Up</a>

[Elz]

Thanks for the reply! I figured it out yesterday.

It was such a noob question! :o