共享下拉菜单，如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-＆gt; 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中知道点击发生的位置以及要显示的表。