Demo JQuery .show(), .hide() dan .toggle()

by dshilkret

HTML

<button class="both">Both</button>
<div id="target"><iframe name="docFrame" frameborder="1" scrolling="no" src=""></iframe></div>

CSS

body {padding:30px;}

#target {
  background:#FFF;
  height:160px;
  padding:5px;
}

JavaScript

$('.both').click(function() {
    $('#target').toggle('slow');
});