<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ // 「id="hidden-box"」を非表示 $("#hidden-box").css("display", "none"); // 「id="toggle-button"」がクリックされた場合 $("#toggle-button").click(function(){ // 「id="hidden-box"」の表示、非表示を切り替える $("#hidden-box").toggle(); }); }); </script> <div id="toggle-button">クリック(jQuery)</div> <div id="hidden-box"> <p>jQueryを使用し表示・非表示</p> </div>
コメントを残す