Difference between revisions of "Tours"
(→Tours) |
|||
| Line 1: | Line 1: | ||
| − | == | + | <style type="text/css"> |
| + | h3.toggle { | ||
| + | background-image: url("/frankfurt/images/c/c9/Closed.png"); | ||
| + | background-size: 16px 16px; | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: 300px 7px; | ||
| + | } | ||
| + | h3.open { | ||
| + | background-image: url("/frankfurt/images/9/98/Opened.png"); | ||
| + | } | ||
| + | h3.tour-a { | ||
| + | background-color:#e5277b; | ||
| + | color:#fff; | ||
| + | font-family:Arvo; | ||
| + | font-weight:bold; | ||
| + | } | ||
| + | h3.tour-a span { | ||
| + | font-weight:normal; | ||
| + | } | ||
| + | </style> | ||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function(){ | ||
| + | $(".accordion .toggle").click(function () { | ||
| + | $(this).next("div").slideToggle(200); | ||
| + | $(this).toggleClass("open"); | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | <div class="accordion"> | ||
| + | <h3 class="toggle tour-a">About Tour A <span>| Encounter/Meeting</span></h3> | ||
| + | <li> | ||
| + | <span class="toggle">子項目ありメニュー</span> | ||
| + | <ul> | ||
| + | <li><a href="#">子項目</a></li> | ||
| + | <li><a href="#">子項目</a></li> | ||
| + | <li><a href="#">子項目</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li> | ||
| + | <span class="toggle">子項目ありメニュー</span> | ||
| + | <ul> | ||
| + | <li><a href="#">子項目</a></li> | ||
| + | <li><a href="#">子項目</a></li> | ||
| + | <li><a href="#">子項目</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li><a href="#">子項目なし</a></li> | ||
| + | <li><a href="#">子項目なし</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
* <big>'''[[Tour A]]'''</big> | * <big>'''[[Tour A]]'''</big> | ||
* <big>'''[[Tour B]]'''</big> | * <big>'''[[Tour B]]'''</big> | ||
Revision as of 13:54, 22 August 2014
<style type="text/css"> h3.toggle { background-image: url("/frankfurt/images/c/c9/Closed.png"); background-size: 16px 16px; background-repeat: no-repeat; background-position: 300px 7px; } h3.open { background-image: url("/frankfurt/images/9/98/Opened.png"); } h3.tour-a { background-color:#e5277b; color:#fff; font-family:Arvo; font-weight:bold; } h3.tour-a span { font-weight:normal; } </style> <script type="text/javascript"> $(document).ready(function(){ $(".accordion .toggle").click(function () { $(this).next("div").slideToggle(200); $(this).toggleClass("open"); }); }); </script>
About Tour A | Encounter/Meeting
- <a href="#">子項目</a>
- <a href="#">子項目</a>
- <a href="#">子項目</a>
- <a href="#">子項目</a>
- <a href="#">子項目</a>
- <a href="#">子項目</a>
</ul>
