Animated Collapsible DIV v2.4 jumping on expand and collapse
1) Script Title:
Animated Collapsible DIV v2.4
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...edcollapse.htm
3) Describe problem:
When I add a margin-bottom attribute to my collapsible div it results in the div jumping at the top when expanding or collapsing. Any ideas anyone?
Code:
#profilesearchdiv, #profilefilterdiv {
display:none;
background: #eeeded;
overflow: hidden;
color: #58584D;
width:667px;
margin-bottom:10px;
}
.profilecollapsedivholder {
padding:5px 5px 7px 9px;
margin-bottom: 8px;
}
HTML Code:
<div id="profilesearchdiv">
<div class="profilecollapsedivholder">
To search the profiles enter a search term and hit "Search".
<form action="#">
<input type="text" name="searchprofile" class="enewsbox" />
<input type="button" class="button" value="Search" />
</form>
</div>
</div>
<div id="profilefilterdiv">
<div class="profilecollapsedivholder">
Select filter options then hit "Filter".
<form action="#">
<select name="filterprofileselect">
<option value="">Choose a filter</option>
<option value="http://www.yahoo.com/">A Scotland</option>
<option value="http://www.google.com/">B North East</option>
<option value="http://www.altavista.com/">C Northern Ireland</option>
<option value="http://www.amazon.com/">D Yorkshire & The Humber</option>
<option value="http://artlung.com/">E North West</option>
<option value="http://artlung.com/">F Wales</option>
<option value="http://artlung.com/">G East Midlands</option>
<option value="http://artlung.com/">H South East</option>
<option value="http://artlung.com/">J West Midlands</option>
<option value="http://artlung.com/">K London</option>
<option value="http://artlung.com/">L East of England</option>
<option value="http://artlung.com/">M South West</option>
</select>
<input type="button" value="Filter" />
</form>
</div>
</div>
