제이쿼리 초보가 답이없어 질문드립니다 ㅠㅠ 채택완료
메뉴 이미지를 클릭시 이미지가 바뀌면서 상세이미지가 뜨는 소스입니다
그런데 제이쿼리를 적용하니 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개
채택된 답변
+20 포인트
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택