제이쿼리 초보가 답이없어 질문드립니다 ㅠㅠ 채택완료
Wc
8년 전
조회 4,136
메뉴 이미지를 클릭시 이미지가 바뀌면서 상세이미지가 뜨는 소스입니다
그런데 제이쿼리를 적용하니 menu_01_off.jpg 를 클릭시 menu_01_on.jpg 으로 바뀌는것 까진 되는데
왜!! 상세가 뜨는곳에 menu_01_on.jpg 이 뜨는지 ㅠㅠ
해결방법같은게 없을까요..?
ul{list-style:none; margin:0; padding:0;}
#cont{ display:none;}








$(function(){
$('.btnclick li').click(function(){
var tabType = $(this).index();
$('.btnclick li').each(function(index){
$(this).find('img').attr('src', $(this).find('img').attr('src').replace('_off.jpg','_on.jpg'));
if(tabType != index){
$(this).find('img').attr('src', $(this).find('img').attr('src').replace('_on.jpg','_off.jpg'));
}
});
});
});
$( ".on1" ).click(function() {
$( ".cont1" ).slideToggle(300);
$( ".cont2" ).hide();
$( ".cont3" ).hide();
$( ".cont4" ).hide();
});
$( ".on2" ).click(function() {
$( ".cont2" ).slideToggle(300);
$( ".cont1" ).hide();
$( ".cont3" ).hide();
$( ".cont4" ).hide();
});
$( ".on3" ).click(function() {
$( ".cont3" ).slideToggle(300);
$( ".cont1" ).hide();
$( ".cont2" ).hide();
$( ".cont4" ).hide();
});
$( ".on4" ).click(function() {
$( ".cont4" ).slideToggle(300);
$( ".cont1" ).hide();
$( ".cont2" ).hide();
$( ".cont3" ).hide();
});
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인