You can edit / change the code and click run button <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> <script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script> <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>