채택완료

검색창 문의합니다

2017-03-16 (목) 22:26:08 2,531

검색창 버튼을 누를때 검색 텍스트박스가 나타나고 

다시 또 누르면 숨기는 그 코드를 어디서 구할수있을까여?

딱 보여질때는 그냥 검색창 이모티콘 하나있고 

텍스트박스 없는 검색창을 찾고 있거든요 ..

모바일에선 많이 봤지만 pc에 적용하려고 합니다.

|

답변 2개

채택된 답변
+20 포인트
2017-03-17 (금) 06:18:22

jquery toggle 기능을 사용하시면 됩니다.

Copy
<img src="이모티콘이미지" onclick="$('#search_div').toggle();" /> <div id="search_div" style="display: none;">검색창코드</div>
 

<input type="text" name="fname" placeholder="검색어를 입력해주세요."> 

 

이런식으로 하면 될거에요

답변을 작성하려면 로그인이 필요합니다.