アコーディオンを作ろう！

jQueryの問題に挑戦しよう！

問題

「アコーディオンを作ろう！」

今回は簡単なアコーディオンをjqueryで作ってみましょう！

あらかじめエディタに書くコード

                    <div class="box">
  <div class="question">問題</div>
  <div class="answer">答え</div>
</div>
<div class="box">
  <div class="question">問題</div>
  <div class="answer">答え</div>
</div>
<div class="box">
  <div class="question">問題</div>
  <div class="answer">答え</div>
</div>
¥HTML¥

                    .box{
  margin-bottom: 30px;
}
.question,.answer{
  width: 200px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
.question{
  background-color: #bbbbbb;
  cursor: pointer;
}
.answer{
  background-color: #eeeeee;
}
¥CSS¥