JSFiddle - React, Tailwind, and code Playground

by praveen_jegan

HTML

<script src="http://themes.loxdesign.net/phoenix/js/libs/jquery-1.7.2.min.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/libs/bootstrap.min.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/libs/ios-orientationchange-fix.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/libs/jquery-ui-1.8.20.custom.min.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/common.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/libs/prettify.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/plugins/formselements/jquery.maskedinput-1.3.min.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/plugins/formselements/chosen.jquery.min.js"></script>
<script src="http://themes.loxdesign.net/phoenix/http://themes.loxdesign.net/phoenix/js/plugins/formselements/scrollability.min.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/plugins/formselements/jquery.dropkick-1.0.0.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/plugins/formselements/jquery.multi-select.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/plugins/formselements/jquery.quicksearch.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/plugins/formselements/jquery.autogrowtextarea.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/plugins/formselements/jquery.textareaCounter.plugin.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/plugins/formselements/ui.spinner.min.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/plugins/formselements/jquery.ibutton.min.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/plugins/formselements/jquery.metadata.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/script.js"></script>
<script src="http://themes.loxdesign.net/phoenix/js/specific/forms_elements.js"></script>
    <!-- ===================== CSS ===================== -->    
    <link...

JavaScript

$(document).ready(function($)
		{
			// trigger event when button is clicked
            
    //            $(".table_basic .styled").chosen({allow_single_deselect:true}); 
            $(".table_basic").find(".syle").chosen(); 
                        
			$("button.add").click(function()
			{
				// add new row to table using addTableRow function
				addTableRow($("table"));
				// prevent button redirecting to new page
				return false;
			
			});
											
			// function to add a new row to a table by cloning the last row and 
			// incrementing the name and id values by 1 to make them unique
			function addTableRow(table)
			{
					
				// clone the last row in the table
				var $tr = $(table).find("tbody tr:last").clone();
                //alert($tr.html());
				//$tr.find("div").remove();
                /*$tr.find('div.chzn-container').remove();
                $tr.find(".styled").css({display: "block"}).removeClass("chzn-done");
                $tr.find('.styled').chosen();
                */
                
                //alert($tr.html());
               $tr.find('div.chzn-container').remove();
                $tr.find('.syle').css({display: "block"});
               // $tr.find('.syle').removeAttr('id');
                $tr.find('.syle').removeAttr('data-placeholder');
                $tr.find('.syle').removeClass('chzn-done');
                //$tr.find('.syle').removeClass('styled');
                $tr.find('.syle').chosen({allow_single_deselect:true}); 
                //$tr.find('.syle').addClass('chzn-container-single');
                
                //alert($tr.html());*/
                //$tr.find('.styled').chosen();
                 //alert($tr.html());
                //$(".chsn").chosen();
                /*$j(".chsn").chosen();
               $j("#masterCats_chzn").remove();
$j("#masterCats").css({display: "inline-block"}).removeClass("chzn-done").addClass("chsn");
$j(".chsn").chosen();*/
               ...