<body>
		<table>
			<tr>
				<input type="button" id="toggbtn" value="TOGGLE" />
			</tr>
		</table>
		<div id="tog">
			CONTENT GOES HERE!
		</div>
</body>
$(document).ready(function()
{
		$('#toggbtn').click(function(){
				$('#tog').slideFadeToggle();
		});
});
		
$.fn.slideFadeToggle = function(speed, easing, callback){
  return this.animate({opacity: "toggle", height: "toggle", padding: "toggle"}, speed, easing, callback);
};

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js