单击隐藏按钮后如何使按钮显示？

Question

我正在使用 html、css 和 jquery 制作页面。我希望在单击使用 .hide(); 之前隐藏的按钮后显示一个按钮；功能。加载页面时隐藏了很多按钮，因此当我单击 1 个按钮时，.hide 中的其他按钮在单击时变为 .show。 但是我想在单击另一个按钮 .show 后使另一个按钮变为 .show，该按钮在隐藏后已被单击。 当我尝试实现它时，所有按钮都显示在页面上，并且变得混乱。

$(document).ready(function () {
    $("#Speedtrapknapp").hide();
    $("#Politihovedknapp").hide();
    $("#Accidentknapp").hide();
    $("#Trafficjamknapp").hide();
    $("#visibletrap").hide();
    $("#hiddentrap").hide();
    $("#smallBtn").hide();
    $("#mediumBtn").hide();
    $("#bigBtn").hide();
    $("#vehicleinspectBtn").hide();
    $("#alcoholBtn").hide();
    $("#speedBtn").hide();
    $("#tagBtn1").hide();

    $("#Speedtrap1").click(function () {
        $("#visibletrap").show();
        $("#hiddentrap").show();
        $("#Speedtrapknapp").show();
        $("#Politihovedknapp").hide();
        $("#Accidentknapp").hide();
        $("#Trafficjamknapp").hide();
        $("#smallBtn").hide();
        $("#mediumBtn").hide();
        $("#bigBtn").hide();
        $("#vehicleinspectBtn").hide();
        $("#alcoholBtn").hide();
        $("#speedBtn").hide();
        $("tagBtn1").hide();

    });

    $("#Policecontrol1").click(function () {
        $("#alcoholBtn").show();
        $("#vehicleinspectBtn").show();
        $("#SpeedBtn").show();
        $("#Speedtrapknapp").hide();
        $("#Politihovedknapp").show();
        $("#Accidentknapp").hide();
        $("#Trafficjamknapp").hide();
        $("#visibletrap").hide();
        $("#hiddentrap").hide();
        $("#smallBtn").hide();
        $("#mediumBtn").hide();
        $("#bigBtn").hide();
        $("#speedBtn").show();
        $("tagBtn1").hide();
    });

    $("#TrafficJam1").click(function () {

        $("#Speedtrapknapp").hide();
        $("#Politihovedknapp").hide();
        $("#Accidentknapp").hide();
        $("#Trafficjamknapp").show();
        $("#visibletrap").hide();
        $("#hiddentrap").hide();
        $("#smallBtn").show();
        $("#mediumBtn").show();
        $("#bigBtn").show();
        $("#vehicleinspectBtn").hide();
        $("#alcoholBtn").hide();
        $("#speedBtn").hide();
        $("tagBtn1").hide();
    });

    $("#Accident1").click(function () {

        $("#Speedtrapknapp").hide();
        $("#Politihovedknapp").hide();
        $("#Accidentknapp").show();
        $("#Trafficjamknapp").hide();
        $("#visibletrap").hide();
        $("#hiddentrap").hide();
        $("#smallBtn").show();
        $("#mediumBtn").show();
        $("#bigBtn").show();
        $("#vehicleinspectBtn").hide();
        $("#alcoholBtn").hide();
        $("#speedBtn").hide();
        $("tagBtn1").hide();
    });

    $("#Clear1").click(function () {

        $("#Speedtrapknapp").hide();
        $("#Politihovedknapp").hide();
        $("#Accidentknapp").hide();
        $("#Trafficjamknapp").hide();
        $("#visibletrap").hide();
        $("#hiddentrap").hide();
        $("#smallBtn").hide();
        $("#mediumBtn").hide();
        $("#bigBtn").hide();
        $("#vehicleinspectBtn").hide();
        $("#alcoholBtn").hide();
        $("#speedBtn").hide();
        $("tagBtn1").hide();
    });

});    

我试过了

$("smallBtn").click()
("tagBtn1").show;

但它不起作用。我想让“tagBtn1”在按“smallBtn”、“mediumBtn”osv后出现。

Answer 1

在jQuery中选择具有ID的元素之前使用#号，并且必须在括号中传递匿名函数（即click（function（）{}））即：

$("#smallBtn").click(function(){
  ("#tagBtn1").show();
});