Toggle（）Jquery问题

我有多个步骤让用户改变删除记录的想法。在第一步中，用户有两个选择“取消退出”退出页面或继续“删除”。在步骤2中，当用户选择“删除”记录时；我想隐藏“取消退出”按钮，只显示“确认”和“取消删除”。如何在步骤2中隐藏“取消退出”？ 这是一个例子

---

只需添加如下内容：

$("input#delete").click(function() {
    $("input#cancel").hide();
});

---

只需添加如下内容：

$("input#delete").click(function() {
    $("input#cancel").hide();
});

更改此项：

$("input#delete,input#cancel2").click(function () {
    $("input#delete, input#deleteconfirm, input#cancel2").toggle();
});

为此：

function toggleStuff1() {
   $("input#deleteconfirm").toggle();
    $("input#cancel2").toggle();

}

function toggleStuff2() {
   $("input#delete").toggle();
    $("input#cancel").toggle();

}

$("input#delete").click(function() {
   toggleStuff1();
   toggleStuff2();
});

$("input#cancel2").click(function() {
    toggleStuff2();
    toggleStuff1();

});

您可以将toggleStuff函数组合成一个函数，但我通常会将这些类型的函数拆分，假设它们可以独立用于其他代码区域。

更改此选项：

$("input#delete,input#cancel2").click(function () {
    $("input#delete, input#deleteconfirm, input#cancel2").toggle();
});

为此：

function toggleStuff1() {
   $("input#deleteconfirm").toggle();
    $("input#cancel2").toggle();

}

function toggleStuff2() {
   $("input#delete").toggle();
    $("input#cancel").toggle();

}

$("input#delete").click(function() {
   toggleStuff1();
   toggleStuff2();
});

$("input#cancel2").click(function() {
    toggleStuff2();
    toggleStuff1();

});

---

您可以将toggleStuff函数组合成一个函数，但我通常会将这些类型的函数拆分，假设它们可以独立用于其他代码区域。

我认为这是切换“取消退出”按钮的有效方法。只需在按钮中添加一个

.cancel

或其他类，即可切换“取消退出”按钮的状态，然后在JS中添加以下代码：

$('.cancel').on('click', function() {
    $('#cancel').toggle();
});

请务必查看下面的演示

$（“输入#取消”）。单击（函数（）{
警报（“退出”）；
});
$（“输入#删除，输入#取消2”）。单击（函数（）{
$（“输入#删除，输入#删除确认，输入#取消2”）.toggle（）；
});
$（“输入#删除确认”）。单击（函数（）{
警告（“删除”）；
});
$（'.cancel'）。在（'click'，function（）上{
$（'#取消'）。切换（）；
});
我认为这是切换“取消退出”按钮的有效方法。只需在按钮中添加一个
.cancel
或其他类，即可切换“取消退出”按钮的状态，然后在JS中添加以下代码：

$('.cancel').on('click', function() {
    $('#cancel').toggle();
});

请务必查看下面的演示


$（“输入#取消”）。单击（函数（）{
警报（“退出”）；
});
$（“输入#删除，输入#取消2”）。单击（函数（）{
$（“输入#删除，输入#删除确认，输入#取消2”）.toggle（）；
});
$（“输入#删除确认”）。单击（函数（）{
警告（“删除”）；
});
$（'.cancel'）。在（'click'，function（）上{
$（'#取消'）。切换（）；
});

在这种情况下，当我单击“取消删除”时，“取消退出”按钮不会再次出现。我知道我可以用show（）来显示它，但是有没有更有效的方法呢？在这种情况下，当我单击“取消删除”时，“取消退出”按钮不会再出现。我知道我可以用show（）来显示，但是有没有更有效的方法？