javascript - 解除对另一个按钮点击的初始点击功能的绑定(bind)

Question

我有一个最初隐藏的表单。 点击流程有两个步骤才能到达表单。单击表单关闭按钮时，我需要重置初始单击操作。

添加示例代码和演示。

流程如下

• 点击立即加入文本
• 然后单击文本单击此处打开表单文本
• 然后点击关闭图标
• 出现弹出窗口

我现在需要知道的是，

1. 通过单击是，需要重置表单，并且屏幕应看起来像最初的样子(带有立即加入文本的品牌名称框)并且立即加入的初始点击操作应该被刷新。

2. 通过点击否，它应该保持在相同的表单上。

      $(".button").click(function(e){
           e.preventDefault();
           $(this).hide();
           $(".slidethis").fadeIn(800).css("display","inline-block");
           $(".wrapper").css("display","block");
       });
   
     $(".seconddiv").hide();
       //forstdiv click 
       $(".firstdiv").click(function(){        
           $(this).hide();
           $(".seconddiv").show();
       });
   
       //Close button 
       $(".close_icon").click(function(){      
           $(".popup").show();
       });
   

<强> Demo Here

P.S:我不想通过关闭表单来刷新页面。

Answer 1

添加这段代码就可以了。这是关于逆转你的步骤:

$("input[value=Yes]").click(function(){
    //reset - reverse all the steps
    $(".button").show();
    $(".slidethis").fadeOut(800).css("display","none");
    $(".wrapper").css("display","inline-block");
    $(".popup").hide();
    $(".seconddiv").hide();
    $(".firstdiv").show();
});


$("input[value=No]").click(function(){
   $(".popup").hide();

}); 

更新的 fiddle :https://jsfiddle.net/5353ntuf/5/