[Jquery] QNA or FAQ 토글만들기

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("li.question").click(function(){

$(this).next().toggle("fast");

});

});

</script>

<style type="text/css">

.answer

{

    display: none;

}

</style>

<div id="box_qna">

<a href="#">QNA</a>

<ul>

    <li class="question">Question 1</li>

    <li class="answer">Answer1</li>

<li class="question">Question 2</li>

    <li class="answer">Answer2</li>

<li class="question">Question 3</li>

    <li class="answer">Answer3</li>

<li class="question">Question 4</li>

    <li class="answer">Answer4</li>

<li class="question">Question 5</li>

    <li class="answer">Answer5</li>

<li class="question">Question 6</li>

    <li class="answer">Answer6</li>

<li class="question">Question 7</li>

    <li class="answer">Answer7</li>

</ul>

</div>