JQuery滑動效果不起作用？

對我來說JQuery滑動效果不起作用？我參加了很多次，但沒有任何反應。JQuery滑動效果不起作用？

我使用了最新版本的瀏覽器，並在所有主流瀏覽器中進行了測試，但沒有迴應。

的HTML代碼：

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript" > 

</script> 

<script type="text/javascript" > 

$(function() { 
    $("#slide_up_link").click(function() { 
     $("#mydiv").slideUp("slow"); 
    }); 

    $("#slide_down_link").click(function() { 
     $("#mydiv").slideDown("slow"); 
    }); 

    $("#toggle23").click(function() { 
     $("#mydiv").slideToggle("slow"); 
    }); 

}); 


</script> 
<style> 
div#mydiv 
{ 
border: 1px solid white; 
    } 


</style> 

</head> 

<body> 
<button id="#slide_up_link">UP</ button> 
    &nbsp;&nbsp;<buttonid="#slide_down_link">down</ button>&nbsp;&nbsp; 

<button id="#toggle23">toggle</button>&nbsp;&nbsp; 
<div id="#mydiv" > 
<p>hai how are you </p><br> 
    <p>i am fine </p><br> 
<p> bye</p><br> 
    </div> 
</body> 
</html>

但是當我點擊按鈕沒有任何反應。爲什麼？請簡單解釋一下，因爲我是JQuery和JavaScript的新手。

來源

2012-10-08 Ragesh Antony