jQuery blind hide

by BinaryAcid

HTML

<script src="http://jslib.dotcloud.com/fiddle-require.js"></script>
<p>Click on any of the buttons</p>
<button id="hide">Hide</button>
<button id="show">Show</button>

<div class="target">
    <img src="http://www.catimages.com/cat-images/nekoyanagi-the-cat.jpg" alt="cat" />
</div>

JavaScript

$(document).ready(function() {

      $("#hide").click(function(){
         $(".target").hide( "blind", {direction: "horizontal"}, 1000 );
      });

      $("#show").click(function(){
         $(".target").show( "blind", {direction: "horizontal"}, 1000 );
      });

});