JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div class="creative_action fa-single edit">edit1</div>
<div class="creative_action fa-single edit">edit2</div>
<div class="creative_action fa-single edit">edit3</div>
<div class="edit_creo_window" style="display:none;">
	<div class="container">
  
   	<div><label>URL<input type="text" name="url" /></label></div>
   	<div><label>Title<input type="text" name="title" /></label></div>
   	<div><label>Message<input type="text" name="message" value="" /></label></div>
      <div class="panel-body" align="left">
       <label>Icon<input type="file" name="icon" class="upload_icon" accept="image/*" /></label>
       <div class="uploaded_icon preview" name="uploaded_icon" ></div>
       <label>Image<input type="file" name="image" class="upload_image" accept="image/*" /></label>
       <div class="uploaded_image preview" name="uploaded_image"></div>
      </div>
  <div class="close_creative_dialog button" style="margin-top: 20px;">Close</div><div class="save button">Save</div>
</div>
</div>

JavaScript

$('.close_creative_dialog').click( function (){
			$('.edit_creo_window').hide()
		})
$('.edit').click(function(){
$('.edit_creo_window').show();
       $('.save').click( function() {
				alert('1');
			})	
		})