javascript - 单击 jQuery 时显示

Question

我只是想在单击按钮时显示一个按钮。我已经很接近了，任何人都可以给我一些关于如何改进它的建议，这样它就会起作用吗？

jQuery

$(document).ready(function (){
    if( $("#btn").css('display', 'none') ) {
        $("#btn").click(function() ) {
            $("#info").css('display', 'block');
        )};
    } else { 
      $("#info").css('display', 'none'); 
    }       
});

    <div id="btn">
        <a class="help-a" href="#">help</a>
    </div> 
    <div id="info">
        <p>data goes here</p>
    </div>

谢谢

Answer 1

您正在寻找$.fn.toggle方法:隐藏则显示，可见则隐藏:

$(document).ready(function () {
    $("#btn").click(function () {
        $("#info").toggle();
    });
});