は、検索アイコンのクリックで検索フォームを取得する方法

Question

これは

<span id="et_search_icon"></span> 

検索フォーム

がこれを表示したい私のコードをクリックため

検索アイコンであります検索アイコンをクリックしてから検索し、

<form role="search" method="get" class="et-search-form" action="run.php"> 
<input type="search" class="et-search-field" /> 
</form> 
<span class="et_close_search_field"></span> 

Answer 1

jQueryの

$('#et_search_icon').click(function(){ 
    $('.et-search-form').show(); 
}); 

あなたはjQueryを使ってこれを行うことができますjavascriptの

var form = document.getElementsByClassName('et-search-form'); 
function clickBtn() { 
    form[0].style.display = 'block'; 
} 
<span onClick="clickBtn()" id="et_search_icon"></span> 

Answer 2

：

$("#et-search-form").hide(); 
$("#et_search_icon").click(function(){ 
    $("#et-search-form").show(); 
}) 

HTML：ここ クリック

<form role="search" method="get" id="et-search-form" action="run.php"> 
<input type="search" class="et-search-field" /> 
</form>