Log in

View Full Version : Need Help combining Ultimate Fadeshow and Animated Collapse DIV Please Help !!!


petepatel
08-30-2007, 02:33 PM
:eek:
i have attached combines.js combinatiopn file of fadeshow and animated div

Here is my html file

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="combines.js"></script>
</head>

<body onload="javascript:collapse1.slideup();javascript:collapse2.slideup();javascript:collapse3.slideup();javascript:collapse4.slideup()">
<p><b>Example 1:</b></p>

<a href="javascript:collapse1.slidedown();javascript:collapse2.slideup();javascript:collapse3.slideup();javascript:collapse4.slideup()">King</a> ||
<a href="javascript:collapse1.slideup();javascript:collapse2.slidedown();javascript:collapse3.slideup();javascript:collapse4.slideup()">Double</a>||
<a href="javascript:collapse1.slideup();javascript:collapse2.slideup();javascript:collapse3.slidedown();javascript:collapse4.slideup()">Handicap</a>||
<a href="javascript:collapse1.slideup();javascript:collapse2.slideup();javascript:collapse3.slideup();javascript:collapse4.slidedown()">Kitchenette</a>

<div id="king" style="width: 500px; height: 400px; background-color: #99E0FB;">


<script type="text/javascript">
new fadeshow(kingroom, 500, 400, 0, 3000, 0, "R")
</script>


</div>

<div id="dbl" style="width: 500px; height: 400px; background-color: #99E0FB;">


<script type="text/javascript">
new fadeshow(doubleroom, 500, 400, 0, 3000, 0, "R")
</script>

</div>

<div id="hcap" style="width: 500px; height: 400px; background-color: #99E0FB;">


<script type="text/javascript">
new fadeshow(handicaproom, 500, 400, 0, 3000, 0, "R")
</script>

</div>

<div id="kitch" style="width: 500px; height: 400px; background-color: #99E0FB;">


<script type="text/javascript">
new fadeshow(kitchenroom, 500, 400, 0, 3000, 0, "R")
</script>

</div>

<script type="text/javascript">

//Syntax: var uniquevar=new animatedcollapse("DIV_id", animatetime_milisec, enablepersist(true/fase), [initialstate] )
var collapse1=new animatedcollapse("king", 1000, false)
var collapse2=new animatedcollapse("dbl", 1000, false)
var collapse3=new animatedcollapse("hcap", 1000, false)
var collapse4=new animatedcollapse("kitch", 1000, false)

</script>


</body>
</html>


What is wrong i want to Display one at a time but all of them open up what am i doing wrong ????