[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>