javascript - 如何使用Jquery使按钮消失然后重新出现？

Question

我有数据，当我单击显示更多时，它会显示数据，并且显示更多消失。将出现数据和新按钮Show Less。当我点击显示更少时，数据再次消失。单击显示更少后，如何使显示更多重新出现？

我的 HTML 代码是:

<button id="show">Show More</button>
<div id="complete">
    <img src="Pictures/xerox.png" height="20%" width="20%">
</div>
<p>
<button id="hide">Show Less</button>

我的 Jquery 代码是:

$(document).ready(function(){
    $("#show").click(function(){
        $(this).parent().addClass("more");
        $(this).hide();
        $("#complete").show();
    });

    $("#hide").click(function(){
        $("#complete").hide();
    });
});

Answer 1

看起来你的 jQuery 正在告诉进行调用的对象在单击时隐藏自身:

$(this).hide();

根据您的描述，我建议将以下内容添加到处理 Show Less 函数的函数中:

$('#show').show();