jquery - Toggle() Jquery 问题

Question

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

<tr>
    <td>
        <input type='button' value='Delete' id='delete' class='button'>
    </td>
    <td>
        <input type='button' value='Cancel to Exit' id='cancel' class='button'>
    </td>
    <td>
        <input type='button' value='Confirm delete' id='deleteconfirm' style='display:none;' class='button confirmationReq'>
    </td>
    <td>
        <input type='button' value='Cancel delete' id='cancel2' style='display:none;' class='button'>
    </td>
</tr>

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

Answer 1

只需添加如下内容:

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