div 펼침 (온/오프)

<script type="text/javascript">

/*faq Answer 보이기 */
function faqShow(n){

 var p = "a"+n; //선택한 물음의 답변 아이디 <--- 이 부분은 강좌 보기 버튼 클릭시 보여줄 내용 id로
 var i = "i"+n; //선택한 물음의 선택상태 이미지 아이디<--- 이 부분은 강좌 보기, 감추기 토글 버튼 id로

 if ( document.getElementById(p).style.display == "none" )
 {
  document.getElementById(p).style.display = "block";
  document.getElementById(i).src = "/images/shop/cs/faq/ic_up.gif";
 }
 else
 {
  document.getElementById(p).style.display = "none";
  document.getElementById(i).src = "/images/shop/cs/faq/ic_down.gif";
 }
}
</script>

<div class="faq">
 <!--faq 1-->
 <div id="q1">
  <a href="#" onClick="faqShow('1')"><img src="/images/shop/cs/faq/ic_down.gif" border="0" id="i1"></a>
 </div>

 <div id="a1" style="display:none;">
  여기에 버튼 클릭시 보여줄 내용을
 </div>

 <div id="q2">
  <a href="#" onClick="faqShow('2')"><img src="/images/shop/cs/faq/ic_down.gif" border="0" id="i2"></a>
 </div>

 <div id="a2" style="display:none;">
  여기에 버튼 클릭시 보여줄 내용을
 </div>
</div>