PDA

View Full Version : Resolved Animated Collapse DIV



Elz
11-03-2011, 11:22 PM
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
11-04-2011, 07:15 AM
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
11-04-2011, 07:15 PM
Thanks for the reply! I figured it out yesterday.

It was such a noob question! :o