제이쿼리 문법질문ㅠ 채택완료

</p>

<p>  <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></p>

<p>    <div class="semo">

          <img id="oki" src="<a href="https://upload.wikimedia.org/wikipedia/commons/thumb/archive/3/35/20050428182835%21Capri_Lazurowa_Grota.JPG/120px-Capri_Lazurowa_Grota.JPG"" target="_blank" rel="noopener noreferrer">https://upload.wikimedia.org/wikipedia/commons/thumb/archive/3/35/20050428182835%21Capri_Lazurowa_Grota.JPG/120px-Capri_Lazurowa_Grota.JPG"</a> tmp_src="<a href="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Isola_di_capri.jpg/120px-Isola_di_capri.jpg">" target="_blank" rel="noopener noreferrer">https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Isola_di_capri.jpg/120px-Isola_di_capri.jpg"></a>

     </div>

    <div class="peo" style="display:none;">

          <div style="border:8px solid blue; padding:10px;">

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


                #oki를 누를때마다 .peo가 펼쳤다 접혔다


                ~할때마다 #oki의 이미지도 바뀌게

          </div>

    </div></p>

<p> </p>

<p>