Button Selector

button_selector.html

<script src="https://code.jquery.com/jquery-1.12.4.js"></script><script>
  $(function() {
            $("#feedback_yes").click(function() {
              $("#feedback_buttons").hide();
              $("#feedback_text").hide();
              $("#feedback_response").show();
              $("#feedback_response").html("We're happy to help!");
              setTimeout(function() { API.closeCta({ disablePlay: true }); }, 3000);
            });
  
            $("#feedback_no").click(function() {
              $("#feedback_buttons").hide();
              $("#feedback_text").hide();
              $("#feedback_response").show();
              $("#feedback_response").html("Sorry to hear that.<br>Someone will be back in touch.");
              setTimeout(function() { API.closeCta({ disablePlay: true }); }, 3000);
            });
          });
</script><style type="text/css">.feedback-ticket {
              position: relative;
              max-width: 600px;
              margin: 0 auto;
              text-align: center;
            }
            .feedback-ticket h3 {
              color: #fff;
            }
  
            .feedback-ticket span button {
              margin: 0 20px;
              padding: 10px 20px;
              text-align: center;
              background-color: #61c661;
              border: 1.5px solid #4ebf4e;
              border-radius: 2px;
              color: #fff;
              box-shadow: 0 1.5px rgba(0,0,0,0.15);
              cursor: pointer;
            }
            .feedback-ticket span button:hover {
              background-color: #3da93d;
              border-color: #369636;
            }
  
            .feedback-response {
              margin-top: 40px;
            }</style><div class="feedback-ticket"><h3 id="feedback_text">Did this video resolve your issue?</h3><span id="feedback_buttons"><button id="feedback_yes">Yes</button><button id="feedback_no">No</button></span><h3 id="feedback_response" class="feedback-response" hidden=""> </h3></div>