제이쿼리 오류가 왜뜨는지 알려주시면 감사합니다.(예제첨부)
http://ggg203.dothome.co.kr/test/test.html
A(회색)버튼을 클릭시 A이미지가 A(빨간)버튼으로 바뀌면서 A라는 상세가 떠야하는데 버튼이 2개뜹니다
알려주시면 감사합니다.
답변 2개
Funlee
2017-05-22 (월) 18:00:29
일단 id="cont" id값은 유일한 값을 말하는데 ,, 저부분을 class로 바꾸고
style부분에서 #cont을 .cont 바꾸고
jquery부분도 수정을 해야 될거 같네요 .. 아래와같이 하면 될거 같네요.
$(function(){
$('.btnclick li').click(function() {
var $img = $(this).find("div:eq(0) img");
var $div = $(this).find("div:eq(1)");
if ($img.attr('src').indexOf("_off.jpg") > 0)
$img.attr('src', $img.attr('src').replace('_off.jpg','_on.jpg'));
else
$img.attr('src', $img.attr('src').replace('_on.jpg','_off.jpg'));
$div.slideToggle(300);
});
});
2017-05-22 (월) 17:17:35
cont1안에도 menu_01_on.jpg 를 넣어놓으셔서 그런거아닌가요?
답변을 작성하려면 로그인이 필요합니다.