<div class="drawingsBox">
<div class="drawingsBoxTitle">
<div style="float:left;">ㅁㅁㅁㅁ</div>
<div style="float:right;">
<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
</div>
</div>
<div class="drawingsBoxContent">
<img src="{{ url_for('static', filename='img/ㄴㄴㄴㄴ.png') }}" width="100%">
</div>
</div>
$(".drawingsBoxTitle").click(function(){
$(this).next().slideToggle("slow");
if ((this).children().last().children().hasclass("glyphicon-triangle-bottom")){
$(this).children().last().children().removeClass("glyphicon-triangle-bottom").addClass("glyphicon-triangle-top");
}
else {
$(this).children().last().children().removeClass("glyphicon-triangle-top").addClass("glyphicon-triangle-bottom");
}
});
빨간색 부분이 잘 안되요.
glyphicon-triangle-bottom , glyphicon-triangle-top
이 두 클래스가 부트스트랩 컴포넌트 아이콘입니다. 삼각형 화살표요
drawingsBoxTitle 클래스 div를 클릭하면 아래 drawingsBoxContent 가 열리면서 화살표가 아래 위로 바꾸고 싶은데요
저렇게 if문을 넣었더니 작동을 안하네요.
if문을 없애고
$(this).children().last().children().removeClass("glyphicon-triangle-bottom").addClass("glyphicon-triangle-top");
만 넣으면 작동하구요.
조건문이 틀린거 같은데.. 잘 모르겟어요.. 조건문에는 (this) 를 못쓰나요?
글쓰기