테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 오류가 왜뜨는지 알려주시면 감사합니다.(예제첨부)

Wc 8년 전 조회 6,905

http://ggg203.dothome.co.kr/test/test.html">http://ggg203.dothome.co.kr/test/test.html 

 

A(회색)버튼을 클릭시 A이미지가 A(빨간)버튼으로 바뀌면서 A라는 상세가 떠야하는데 버튼이 2개뜹니다

 

알려주시면 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

F
8년 전

일단 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);
});
});

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

8년 전

 

cont1안에도 menu_01_on.jpg 를 넣어놓으셔서 그런거아닌가요?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인