Copy
<script type="text/javascript">
$("#starbuks > .tit").click(function () {
$("#starbuks > .cont").slideToggle("slow",showstate);
});
$("#coffeebean > .tit").click(function () {
$("#coffeebean > .cont").slideToggle("slow",showstate);
});
$("#hollys > .tit").click(function () {
$("#hollys > .cont").slideToggle("slow",showstate);
});
$("#twosome > .tit").click(function () {
$("#twosome > .cont").slideToggle("slow",showstate);
});
</script>
Copy
<div id="product_1" class="cafe">
<ol>
<li>
<div id="starbuks">
<div class="tit">스타벅스</div>
<div class="cont">스타벅스내용</div>
</div>
</li>
<li>
<div id="coffeebean">
<div class="tit">커피빈</div>
<div class="cont">커피빈내용</div>
</div>
</li>
<li>
<div id="hollys">
<div class="tit">할리스</div>
<div class="cont">할리스내용</div>
</div>
</li>
<li>
<div id="twosome">
<div class="tit">투썸플레이스</div>
<div class="cont">투썸플레이스내용</div>
</div>
</li>
</ol>
</div>해당 ID에 .tit 을 클릭하면 해당 ID에 .cont 가 접혔다 펴졌다 하려고하는데.. 안먹히네요..
고수님덜 도와주십요 ㅠㅠ
답변 3개 / 댓글 3개
채택된 답변
+20 포인트
2018-09-13 (목) 17:37:30
Copy
$(function() {
$("div.tit").on("click", function() {
$(this).siblings("div.cont").slideToggle("slow");
});
});답변에 대한 댓글 1개
돼지코구뇽
2018-09-13 (목) 23:02:28
showstate 이게 필요가 없는
답변에 대한 댓글 1개
ChicEnoc
2018-09-14 (금) 17:12:45
감사합니다!! 구글링으로찾은게 오래된거라 그런건지,, 붙어있글래 그냥 썻는데 이러네요 ㅎㅎ
마르스컴퍼니
2018-09-13 (목) 17:40:47
$("#starbuks > .cont").slideToggle("slow",showstate);
->
$("#starbuks > .cont").slideToggle("slow");
로 showstate 를 모두 빼주면 될 것 같습니다.
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.