클릭하면 아래로 내려오는거 문의 드립니다
본문
http://koreacredit.kr/m/sub0101.php
위에 url 에서 이미지(버튼) 아래로 내용이 있는데요 누르면 나오고 다시 누르면 들어가고..
지금이건 처음부터 열린 상태인데 처음엔 닫힘 상태로 하고싶습니다...
그리고 다른게 열리면 기존에 열려있던것은 닫히게 하고싶어요 소스는 이렇습니다
그리고 아래 소스에서 <input type="image" id="btn" src="images/banner_btn1.png">
위 부분을 <a href=""><img src=""></a> 이렇게 인풋을 안쓰고 a 태그로 사용이 가능한가요?
가능하다면 소스좀 부탁드립니다 ㅠㅠ
<style type="text/css">
.hidden { display:none; }
</style>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#btn").click( function () {
$("#myToggle").toggleClass("hidden");
});
});
</script>
<input type="image" id="btn" src="images/banner_btn1.png">
<div id="myToggle">나올 내용 </div>
답변 1
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#btn").click(function () {
if($("#myToggle").css("display") == "none"){
$('#myToggle').show();
} else {
$('#myToggle').hide();
}
});
});
</script>
<input id="btn" type="button" value="toggle 버튼">
<div id="myToggle" style="background-color:Yellow; display:none;">
hello!!
</div>
이렇게 하면 처음에 닫힌 상태일겁니다.