上的onClick，點擊一個DIV所以它擴大

Question

我想，如果你點擊文本搜索按鈕出現，我嘗試這樣做，通過使用此代碼：

<a class="gn-icon gn-icon-search" style="width:200%;" onClick="CLICK ON THE BUTTON DIV">Search with style</a> 
          <ul id="sb-search" class="sb-search" style="margin-right:30px;"> 
          <span class="sb-icon-search"></span> 
        <form> 
         <input class="sb-search-input" placeholder="Please enter search terms" type="text" value="" name="search" id="search"> 
         <input class="sb-search-submit" type="submit" value="" id="search-submit"> 

        </form> 
       </div> 

是否有人知道如何解決這一問題？也許用jQuery？非常感謝你！

Answer 1

使用JQuery，您可以顯示鏈接點擊按鈕。

的HTML：

<a class="gn-icon gn-icon-search" id="search-text" style="width:200%;">Search with style</a> 
<ul id="sb-search" class="sb-search" style="margin-right:30px;"> 
    <span class="sb-icon-search"></span> 
    <form id="search-form"> 
     <input class="sb-search-input" placeholder="Please enter search terms" type="text" value="" name="search" id="search"> 
     <input class="sb-search-submit" type="submit" value="" id="search-submit"> 
    </form> 
</ul> 

jQuery的：

$(document).ready(function() { 
    $('#search-form').hide(); 
}); 

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