Super simple jquery toggle

by lennyekberg

HTML

<div class="wrapper">
    <div class="toggle_btn">toggle</div>
    <div class="toggle_content">In the U.S., as much as 40% of produce grown is never sold or eaten because it is too ugly.</div>
</div>

CSS

.wrapper       {width:200px;}
.toggle_btn    {background-color:yellow;}
.toggle_content{background-color:blue; color:white; display:none;}

JavaScript

jQuery(document).ready(function() {
	console.log('toggle ok');
	jQuery( ".toggle_btn" ).click(function() {
	  jQuery( ".toggle_content" ).slideToggle( "slow" );
	});
});


/*$( ".toggle_btn" ).click(function() {
  $( ".toggle_content" ).slideToggle( "slow" );
});*/