스크립트 질문드립니다.
본문
<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>
<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
$(function() {
$("div.tit").on("click", function() {
$(this).siblings("div.cont").slideToggle("slow");
});
});
감사합니다!!^^
$("#starbuks > .cont").slideToggle("slow",showstate);
->
$("#starbuks > .cont").slideToggle("slow");
로 showstate 를 모두 빼주면 될 것 같습니다.
감사합니다!! ㅎㅎ
showstate 이게 필요가 없는
감사합니다!! 구글링으로찾은게 오래된거라 그런건지,, 붙어있글래 그냥 썻는데 이러네요 ㅎㅎ
답변을 작성하시기 전에 로그인 해주세요.
