Team:KIT-Kyoto/Notebook-week12

From 2010.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<style type="text/css">
 
-
#accordion {
+
<style type="text/css">
-
background: #6CF;
+
.accToggler{margin: 3px;padding: 3px;width: 400px;background: #acc95f;color: #f4f4f4;border: 1px solid #fff;cursor: pointer;}
-
width: 500px;
+
.accContent{margin: 0px;padding: 3px;width: 400px;}
-
height: 400px;
+
a, a:visited{color:#6d6d6d;}
-
margin: 20% auto; }
+
-
#accordion div {
+
-
background: #ccc;
+
-
height:25%;
+
-
overflow: hidden;}
+
-
#accordion:hover div {
+
-
height: 20px; }
+
-
#accordion:hover div:hover {
+
-
height: 340px;
+
-
overflow: auto; }
+
</style>
</style>
-
<div id="accordion">
 
-
<div id="part1">
 
-
<p>This text is in part 1.a
 
-
<BR>
 
-
aaaa
 
-
a
+
 
 +
<script type="text/javascript" src="http://yourdomain/mootools.js"></script>
 +
<script type="text/javascript" src="http://yourdomain/accordion.js"></script>
 +
 
 +
 
 +
<p class="accToggler">Click</p>
 +
<p class="accContent">
 +
コンテンツ
</p>
</p>
-
</div>
+
 
-
<div id="part2">
+
<p class="accToggler">Click</p>
-
<p>This text is in part 2.</p>
+
<p class="accContent">
-
</div>
+
コンテンツ
-
<div id="part3">
+
</p>
-
<p>This text is in part 3.</p>
+
 
-
</div>
+
<body>
-
<div id="part4">
+
</body>
-
<p>This text is in part 4.</p>
+
</head>
-
</div>
+
</html>
-
</div>
+

Latest revision as of 03:10, 7 September 2010

Click

コンテンツ

Click

コンテンツ

Retrieved from "http://2010.igem.org/Team:KIT-Kyoto/Notebook-week12"