<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.