jQuery slidetoggle Method Live Example

You can edit / change the code and click run button

<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <title>slideToggle demo</title>
  <style>
  div {
    background: red;
    margin: 6px;
    width: 80px;
    height: 80px;
    float: left;
  }
  div.still {
    background: black;
    width: 5px;
  }
  div.hider {
    display: none;
  }
  span {
    color: blue;
  }
  p {
    clear: left;
  }
  </style>
  <script src="../../../jquery-1.10.2.js"></script>
</head>
<body>
<div></div>
<div class="still"></div>
<div style="display:none;">
</div><div class="still"></div>
<div></div>
<div class="still"></div>
<div class="hider"></div>
<div class="still"></div>
<div class="hider"></div>
<div></div>
<p><button id="aa">Toggle me</button> It's been toggled <span>0</span> divs.</p>
<script>
$( "#aa" ).click(function() {
  $( "div:not(.still)" ).slideToggle( "slow", function() {
    var n = parseInt( $( "span" ).text(), 10 );
    $( "span" ).text( n + 1 );
  });
});
</script>
</body>
</html>