jquery を使用して vk.com スタイルの右上のメニューを作成しようとしています。設定記号をクリックすると、以下にコードが示されているリンクがいくつか表示されます。私はjqueryを試しているので、スライドアップとスライドダウンを試しましたが、クリック後に左側に表示され、マウスを削除すると非表示になるvk.comとまったく同じようにしたい
<tr>
<td class="top_home_link_td">
<div id="top_logo_down" class=""></div>
<a onmouseup="removeClass('top_logo_down','tld_d');" onclick="return nav.go(this, event);" onmousedown="addClass('top_logo_down','tld_d');" href="/feed" class="top_home_link"></a>
</td>
<td class="top_back_link_td"></td>
<td style=""><nobr>
<a onmouseover="gSearch.preload();" onclick="return nav.go(this, event, {search: true, noframe: true});" onmousedown="event.cancelBubble = true;" ontouchstart="event.cancelBubble = true;" href="/search" id="top_search" class="top_nav_link">search</a>
</nobr></td>
<td style="" id="support_link_td"><nobr>
<a onclick="return nav.go(this, event);" onmousedown="event.cancelBubble = true;" ontouchstart="event.cancelBubble = true;" href="/support?act=new" id="top_support_link" class="top_nav_link">help</a>
</nobr></td>
<td style="" id="invite_link_td"><nobr>
<a onclick="return nav.go(this, event);" onmousedown="event.cancelBubble = true;" ontouchstart="event.cancelBubble = true;" href="/invite" id="top_invite_link" class="top_nav_link">invite</a>
</nobr></td>
<td id="logout_link_td"><nobr>
<a onclick="if (checkEvent(event) === false) { location.href = this.href; return cancelEvent(event); }" onmousedown="event.cancelBubble = true;" ontouchstart="event.cancelBubble = true;" href="https://login.vk.com/?act=logout&hash=906cc70a366d6dd462&from_host=vk.com&from_protocol=http" id="logout_link" class="top_nav_link">log out</a>
</nobr></td>
<td><nobr>
<a onmousedown="event.cancelBubble = true; TopSearch.toggleSettings()" ontouchstart="event.cancelBubble = true;" onmouseout="TopSearch.settingsOut()" onmouseover="TopSearch.settingsOver()" class="ts_settings active" id="ts_settings" style="opacity: 1;"></a>
</nobr></td>
</tr>