클릭 시 div 및 text가 바뀌는 toggle event

텍스트를 클릭하면 텍스트가 변경되고 div가 접히거나 펼쳐지는 기능을 구현해보았다.

 

html

<div class="wrap" id="divToggle">
    <h4>▼펼침</h4>
</div>

<div id="divImg">
</div>

 

js

$("#divToggle h4").click(function(){
    $("#divImg").toggle("show");
    $(this).text($(this).text()=="▼펼침"?"▶접음":"▼펼침");
})