单击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();
    });
});

Answer 2

$(document).ready(function (){

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

});

你做得对 - 只需要轻微的代码重新安排，并且需要进行小的更新。