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;

但它不起作用。我想制作＆＃34; tagBtn1＆＃34;按下＆＃34; smallBtn＆＃34;，＆＃34; mediumBtn＆＃34; OSV。

Answer 1

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

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

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

1 个答案: