Template:KIT-Kyoto/menu11

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>  
<html>  
<head>  
<head>  
 +
 +
/* .acc=1個目ぴろぴろ .acc1=2個目ぴろぴろ と名前をつけた。(Body内class参照) */
 +
 +
<style type="text/css">  
<style type="text/css">  
ul.acc, ul.acc li ul {  
ul.acc, ul.acc li ul {  
Line 53: Line 57:
var j$ = jQuery;  
var j$ = jQuery;  
   
   
 +
 +
/* .accの項目START */
 +
j$(function(){  
j$(function(){  
   j$(".acc").each(function(){  
   j$(".acc").each(function(){  
     j$("li > a", this).each(function(index){  
     j$("li > a", this).each(function(index){  
       var $this = j$(this);  
       var $this = j$(this);  
-
+
 
 +
/* ★↓if(index > 0) でいっこめぴろぴろ開く if(index <= 0)でいっこめぴろぴろ閉じる★ */
 +
 
       if(index > 0) $this.next().hide();  
       if(index > 0) $this.next().hide();  
   
   
Line 71: Line 80:
-
j$(function(){  
+
/* .accの項目おわり */
 +
 
 +
/* .acc1の項目START */ 
 +
 
 +
j$(function(){
 +
/* ↓.acc1の項目やでっていうのを示す */ 
   j$(".acc1").each(function(){  
   j$(".acc1").each(function(){  
     j$("li > a", this).each(function(index){  
     j$("li > a", this).each(function(index){  
       var $this = j$(this);  
       var $this = j$(this);  
-
   
+
  /* ★↓if(index > 0) で2こめぴろぴろ開く if(index <= 0)で2こめぴろぴろ閉じる★ */
       if(index <= 0) $this.next().hide();  
       if(index <= 0) $this.next().hide();  
   
   
Line 87: Line 101:
   });  
   });  
});  
});  
 +
 +
/* .acc1の項目おわり */
 +
</script>  
</script>  
   
   
Line 93: Line 110:
<body>  
<body>  
<div id="HIDARI">
<div id="HIDARI">
 +
 +
/* 1個目ぴろぴろを .accとclass分けした(名前つけた)↓ */
 +
<ul class="acc">  
<ul class="acc">  
   <li><a href="1"><img src="画像URL(▼Notebook)" width="160" height="32" class="menu_head" /></a>  
   <li><a href="1"><img src="画像URL(▼Notebook)" width="160" height="32" class="menu_head" /></a>  
Line 114: Line 134:
<a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook/Promoters"><img src="https://static.igem.org/mediawiki/2010/8/82/KITPROMOTERS.PNG" width="160" height="32" border="0" bordercolor="black"></a>
<a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook/Promoters"><img src="https://static.igem.org/mediawiki/2010/8/82/KITPROMOTERS.PNG" width="160" height="32" border="0" bordercolor="black"></a>
<BR>
<BR>
 +
 +
/* 2個目ぴろぴろを .acc1とclass分けした(名前つけた)↓ */
 +
<ul class="acc1">  
<ul class="acc1">  
   <li><a href="1"><img src="https://static.igem.org/mediawiki/2010/c/cd/KitDesignNote.png" width="160" height="32" class="menu_head" /></a>  
   <li><a href="1"><img src="https://static.igem.org/mediawiki/2010/c/cd/KitDesignNote.png" width="160" height="32" class="menu_head" /></a>  

Revision as of 17:49, 19 August 2011

/* .acc=1個目ぴろぴろ .acc1=2個目ぴろぴろ と名前をつけた。(Body内class参照) */