JSFiddle - React, Tailwind, and code Playground

by gregborbonus

HTML

<button id="btn_save">
Save
</button>

<div class="sa-alert-name-existed hidden">
Name exists ...
</div>
<div id="message-box" class="hidden">
MEssage
</div>

CSS

.hidden{
  display:none;
}

JavaScript

var $btn_save = $("#btn_save");
  api_submit="/echo/html";
  postData={'test' : 1};
  $btn_save.click(function () {
    //todo form validation
    if(!$(".sa-alert-name-existed").hasClass('hidden')){
      console.log('HERE');
      return
        }
$.post(api_submit, postData).done(function (data) {
      location.href = "/buzz#tab_pane_fbpage";
    });
    });//Added for syntax
    $('#btn_save').click(function (){
        $('#message-box').slideDown('slow').delay(3500).slideUp('slow');
    });