共享下拉菜單像stackoverflow共享菜單

Question

我怎樣才能做共享菜單像stackoverflow共享菜單？我有一個菜單表，但點擊分享文本時如何顯示。

我想是這樣的：

<script type="text/javascript"> 
$('#share').live('click', function(){ 
var $eid = $(this).attr('eid'); 
var $url = 'share.php?eid=' + $eid; 
$('#share_load'+$eid).load($url);  
}); 
</script> 

<a href="javascript:void(0)" id="share" eid="12345">share</a> 

<table id="share_load12345"> 
<tr><td>facebook:</td></tr> 
<tr><td>twitter:</td></tr> 
<tr><td>url:<input type="text" value="http://www.domain.com?eid=12345"></td></tr> 
</table> 

Answer 1

這裏幾乎有

你：

1. 你要隱藏的表，因爲你只想要顯示它的點擊：（css->display:none;）

2. 顯示它與jQuerys slideToggle（）。

http://jsfiddle.net/L7CpT/

$('#share').on('click', function(){ 
    var $eid = $(this).attr('eid'); 
    var $url = 'share.php?eid=' + $eid; 
    $('#share_load'+$eid).attr('val',$url); 
    $('#share_load'+$eid).slideToggle(); 
}); 

我會建議，以更好地使用classe！而非id秒。你可以用$（this）來使用它們。在jQuery中知道點擊發生的地方以及顯示哪個表。