onclick - 在 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();
});