<!DOCTYPE HTML> <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=shift_jis"> <STYLE TYPE="text/css"> body { line-height: 160%; } </STYLE> <link rel="stylesheet" href="main_accord.css" type="text/css" media="all"> <script type="text/javascript" src="prototype.js" charset="shift_jis"></script> <script type="text/javascript" src="effects.js" charset="shift_jis"></script> <script type="text/javascript" src="accordion.js" charset="shift_jis"></script> <script type="text/javascript"> Event.observe(window, "load", function(){ new accordion("acc01"); }, true); Event.observe(window, "load", function(){ new accordion("acc02"); }, true); </script> </HEAD> <BODY><br> <div id="acc01"> <h2 class="accordion_toggle">問題 1</h2> <div class="accordion_content">  <br>  水金地火木土天海 の8つの太陽系の惑星のうち<br> 巨大ガス惑星はどれ?<br>  <br> </div> <h2 class="accordion_toggle">ヒント</h2> <div class="accordion_content">  <br> 太陽から比較的遠い<br>  <br> </div> <h2 class="accordion_toggle">答え</h2> <div class="accordion_content">  <br> 木星 と 土星<br>  <br> </div></div> <div id="acc02"><br> <h2 class="accordion_toggle">問題 2</h2> <div class="accordion_content">  <br>  水金地火木土天海 の8つの太陽系の惑星のうち<br> 巨大氷惑星はどれ?<br>  <br> </div> <h2 class="accordion_toggle">ヒント</h2> <div class="accordion_content">  <br> 太陽からかなり遠い<br>  <br> </div> <h2 class="accordion_toggle">答え</h2> <div class="accordion_content">  <br> 天王星 と 海王星<br>  <br> </div></div> <br><br> </BODY> </HTML>