締切済み

jQueryを利用してのランダム表示について

2013/01/19 02:23

jQueryを学習しています。学習し始めてから1ヵ月程度になります。途中まで考えたのですが、次にどうしたらいいか検討がつきません。基本的なこともあまりわかっていない状況での質問で申し訳ありません。どなたかご教授のほどお願いいたします。考えていることは以下になります。・Nextのボタンを押すとランダムでclass=boxの内容を１つ表示したい・再度、Nextのボタンを押すと表示されていたものが消えて、別のclass=boxを表示したい ////////////////　スクリプト　//////////////// <script type="text/javascript"> var a = ".box" $(function(){ $(a).hide(); }); $(function(){ $("#tugi").click( function(){ var items = $(a).get().sort(function() { return Math.round(Math.random()) ; }).slice(0, 1); $(items).show(); }); }); $(function(){ $(".answer").hide(); }); $(function(){ $(".kirikae").click( function(){ $(this).next().toggle(); }); }); </script> ////////////////　HTML　//////////////// <body> <div id="wrap"> <input type="button" value="Next"id="tugi"/> <div id="1" class="box"> 問題1 <br /> <input type="button"value="答えの表示" class="kirikae"/> <div class="answer"> 答え1 </div> </div> <div id="2" class="box"> 問題2<br /> <input type="button"value="答えの表示" class="kirikae"/> <div class="answer"> 答え2 </div> </div> <div id="3" class="box"> 問題3<br /> <input type="button"value="答えの表示" class="kirikae"/> <div class="answer"> 答え3 </div> </div> <div id="4" class="box"> 問題4<br /> <input type="button"value="答えの表示" class="kirikae"/> <div class="answer"> 答え4 </div> </div> </div> </body>