JSFiddle - React, Tailwind, and code Playground

by fenderistic

HTML

<script src="https://rawgithub.com/carhartl/jquery-cookie/master/jquery.cookie.js"></script>
<div>
    <button class="button_slide" value="1">Show hide</button>
</div>
    <div id="slidingDiv_1" class="slidingDiv">Stuff</div>

<div>
    <button class="button_slide" value="2">Show hide</button>
</div>
    <div id="slidingDiv_2" class="slidingDiv">Stuff</div>

JavaScript

function initMenu() {

$(".slidingDiv").hide();

// Toggle Field

$(".button_slide").click(function(){
    	
	//alert($(this).val()); debugging purposes
	
	var sliding_id = $(this).val();
	
	div_sliding_id = '#slidingDiv_'+sliding_id;
		
	$(div_sliding_id).next().slideToggle('normal', function() {
    
   // $.cookie(div_sliding_id, $(this).is(':hidden') ? "closed" : "open");                 
   // return false;
    });
});

/*$('button_slide').each(function() { 
     var sliding_id = $(this).val();
     div_sliding_id = '#slidingDiv_'+sliding_id;
     if ($.cookie(div_sliding_id) == "open")  $(this).next().show(); 
});*/
    
}
    
jQuery(document).ready(function() {initMenu();});