не работает код спойлера

<script>
function showdescription(itemname) {
document.getElementById(itemname+'-cap').innerHTML = '';
document.getElementById(itemname).style.display = "";
return true;
}
</script> 
<a onclick="return showdescription(1524);" href="Java Script//"><div id="1524-cap"><b>Читать целиком...</b></div></a>
<div style="display: none;" id="1524">
скрытый текст
</div>

$(function() {
    $( "#button" ).click(function() {
      $( "#effect" ).toggle( "explode", 500 );
      return false;
    });

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>



<script type="text/javascript">
$(function() {
 $( "#button" ).click(function() {
 $( "#effect" ).toggle("explode", 500 );
 return false;
 });
 
});
 
 
</script>


<div  id="effect" style="display:none;">привет</div><br><br>
<div id="button">привет</div>