제이쿼리 문법질문ㅠ
본문
<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>
와우 실행해봤는데 너무 감동이네요ㅠㅠ 감사합니다 능력자님!!!
답변을 작성하시기 전에 로그인 해주세요.