제이쿼리 문법질문ㅠ

제이쿼리 문법질문ㅠ

QA

제이쿼리 문법질문ㅠ

본문

<html>


<div class="semo">
      <img id="oki" src="<?=G5_THEME_URL?>/img/business/tri.png">
 </div>
<div class="peo">
       <img src="" alt="do">
</div>

 

<javascript>


  $(document).ready(function(){
    $("#oki").click(function(){
      $(".peo").toggle();
    });
  });
  </script>

초기값은 아무것도 안보이게하고

이렇게하면 #oki를 누를때마다 .peo가 펼쳤다 접혔다하는데

혹시 펼쳤다 접혔다할때마다 .peo뿐만아니라 #oki의 이미지도 바뀌게 만들려면 어떻게 해야될까요?

이 질문에 댓글 쓰기 :

답변 1


  <script>
    $(document).ready(function(){
        $("#oki").click(function(){
            $(".peo").toggle();
            myTmp = $("#oki").attr('src');
            $("#oki").attr('src',  $("#oki").attr('tmp_src')  );
            $("#oki").attr('tmp_src',  myTmp  );
        });
    });
  </script>
    <div class="semo">
          <img id="oki" src="https://upload.wikimedia.org/wikipedia/commons/thumb/archive/3/35/20050428182835%21Capri_Lazurowa_Grota.JPG/120px-Capri_Lazurowa_Grota.JPG" tmp_src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Isola_di_capri.jpg/120px-Isola_di_capri.jpg">
     </div>
    <div class="peo" style="display:none;">
          <div style="border:8px solid blue; padding:10px;">
                초기값은 아무것도 안보이게<br>
                #oki를 누를때마다 .peo가 펼쳤다 접혔다<br>
                ~할때마다 #oki의 이미지도 바뀌게
          </div>
    </div>
 
답변을 작성하시기 전에 로그인 해주세요.
전체 27
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT