230130 jQuery의 toogle() 사용해서 버튼 클릭했을 때 나오고 숨기는 기능

230130

jQuery의 toogle() 사용해서 버튼 클릭했을 때 나오고 숨기는 기능
참고: https://lionbum.tistory.com/44

<!-- jQuery 불러온다 -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
<script>
//jQuery toggle 이용: 개인정보 버튼 눌렀을 때 설명 3줄이 나오고 다시 버튼을 누르면 다시 설명이 숨겨진다.
$(function (){
	$("#infoValidButton").click(function (){
  	$("#infoValid").toggle();
  });
});

클릭했을 때 화살표 위아래 방향과 내용 보임, 숨김 기능이 된다. 
참고

//jQuery toggle 이용: 개인정보 버튼 눌렀을 때 설명 3줄이 나오고 다시 버튼을 누르면 다시 설명이 숨겨진다.
		//화살표: ⮝ up: &#11165, ⮟ down: &#11167 
$(document).ready(function () {
	$("#infoValidButton").click(function (){
		//화살표가 아래 방향 화살표이면
		if($("#infoValidButton").val()=="⮟"){
		//화살표가 위 방향 화살표로 바뀐다
			$("#infoValidButton").attr("value","⮝"); 
	//.toggle()은 선택한 요소가 보이면 보이지 않게, 보이지 않으면 보이게 합니다.
 		  $("#infoValid").toggle();
	}
		else{ //그렇지 않으면 = 화살표가 위 방향 화살표 이면
			//화살표는 아래 방향으로 바뀐다.
			$("#infoValidButton").attr("value","⮟");
			 $("#infoValid").toggle();
		}
  });
});

---