Template:Osaka collapsiblepanel

From 2010.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<script type="text/javascript" src="https://2010.igem.org/wiki/index.php?title=User:Shaothing/wiki/SpryCollapsiblePanel.js&action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2010.igem.org/wiki/index.php?title=User:Shaothing/wiki/SpryCollapsiblePanel.js&action=raw&ctype=text/javascript"></script>
-
<style type="text/css>
+
 
-
#CollapsiblePanelTab:hover{
+
<style type="text/css">
-
font-color:blue;
+
h3.CollapsiblePanelTab:{
 +
      color:#006633
 +
}
 +
h3.CollapsiblePanelTab:hover{
 +
      color:green;
 +
      text-decoration:underline;
}
}
</style>
</style>
</html>
</html>
 +
 +
use these:
 +
 +
<script type="text/javascript">
 +
<!--
 +
var CP1 = new Spry.Widget.CollapsiblePanel("CP1",{duration:100});
 +
var CP2 = new Spry.Widget.CollapsiblePanel("CP2",{contentIsOpen:false,duration:100});
 +
var CP3 = new Spry.Widget.CollapsiblePanel("CP3",{contentIsOpen:false,duration:100});
 +
var CP4 = new Spry.Widget.CollapsiblePanel("CP4",{contentIsOpen:false,duration:100});
 +
var CP5 = new Spry.Widget.CollapsiblePanel("CP5",{contentIsOpen:false,duration:100});
 +
//-->
 +
</script>

Latest revision as of 02:12, 27 October 2010

use these:

<script type="text/javascript"> </script>