목록으로

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

프로필 보기 이 회원 글보기 이 회원의 댓글보기

8년 전 조회 6,916

답변 2

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

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

알려주시면 감사합니다.

#제이쿼리 #자바스크립트 #html5

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

답변 2개

정렬:

Funlee

프로필 보기 이 회원 글보기 이 회원의 댓글보기

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