求：帮我把这个改写用jQuery实现层的隐藏显示。。。。

<body oncontextmenu="self.event.returnValue=false" bgcolor="#eceded">
<table height="100%" cellspacing="0" cellpadding="0" width="181" border="0">
<tr>
<td valign="top">
<table class="NormalText" cellspacing="0" cellpadding="0" width="100%" border="0">

<tr>
<td valign="top">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td background="Images/Left_Pic.gif" height="26">        <a class="NormalTextLink" href="javascript:ShowHideList('divProducts')" onfocus="this.blur();">关于我们</a>
<div id="divProducts" style="DISPLAY: none">
<table class="NormalTextLinkNode" cellspacing="0" cellpadding="0" width="100%" bgcolor="#eceded" border="0">
<tr>
<td width="20"> </td>
<td>
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td height="12"></td>
</tr>
<tr>
<td><asp:hyperlink id="Hyperlink5" runat="server" navigateurl="~/WebManager/DynamicArticle/ArticleEdit.aspx?ItemNo=troduct" target="fraRight" onfocus="this.blur();"><img src="Images/minus1.gif" border="0"> 公司介绍</asp:hyperlink></td>
</tr>
<tr>
<td height="7"></td>
</tr>
<tr>
<td><asp:hyperlink id="Hyperlink9" runat="server" navigateurl="DynamicArticle/ArticleEdit.aspx?ItemNo=Superiority" target="fraRight" onfocus="this.blur();"><img src="Images/minus1.gif" border="0"> 我们的优势</asp:hyperlink></td>
</tr>
<tr>
<td height="7"></td>
</tr>
<tr>
<td><asp:hyperlink id="Hyperlink1" runat="server" navigateurl="DynamicArticle/ArticleEdit.aspx?ItemNo=Qualification" target="fraRight" onfocus="this.blur();"><img src="Images/minus1.gif" border="0"> 公司资质查询</asp:hyperlink></td>
</tr>
<tr>
<td height="7"></td>
</tr>
<tr>
<td><asp:hyperlink id="Hyperlink24" runat="server" navigateurl="DynamicArticle/ArticleEdit.aspx?ItemNo=safety" target="fraRight" onfocus="this.blur();"><img src="Images/minus1.gif" border="0"> 资金安全</asp:hyperlink></td>
</tr>
<tr>
<td height="7"></td>
</tr>

<tr>
<td><asp:hyperlink id="Hyperlink51" runat="server" navigateurl="AboutUs/Announcement.aspx?id=5" target="fraRight" onfocus="this.blur();"><img src="Images/minus1.gif" border="0"> 最新公告</asp:hyperlink></td>
</tr>
<tr>
<td height="7"></td>
</tr>

<tr>
<td><asp:hyperlink id="Hyperlink25" runat="server" navigateurl="DynamicArticle/ArticleEdit.aspx?ItemNo=Contact" target="fraRight" onfocus="this.blur();"><img src="Images/minus1.gif" border="0"> 联系我们</asp:hyperlink></td>
</tr>
<tr>
<td height="7"></td>
</tr>

</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>


<tr>
<td valign="top">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td background="Images/Left_Pic.gif" height="26">        <a class="NormalTextLink" href="javascript:ShowHideList('divOrder')" onfocus="this.blur();">市场动态</a>
<div id="divOrder" style="DISPLAY: none">
<table class="NormalTextLinkNode" cellspacing="0" cellpadding="0" width="100%" bgcolor="#eceded" border="0">
<tr>
<td width="20"> </td>
<td>
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td height="12"></td>
</tr>
<tr>
<td><asp:hyperlink id="Hyperlink27" runat="server" navigateurl="AboutUs/Announcement.aspx?id=8" target="fraRight" onfocus="this.blur();">
<img src="Images/minus1.gif" border="0"> 即时新闻</asp:hyperlink></td>
</tr>
<tr>
<td height="7"></td>
</tr>
<tr>
<td><asp:hyperlink id="Hyperlink29" runat="server" navigateurl="AboutUs/Announcement.aspx?id=9" target="fraRight" onfocus="this.blur();">
<img src="Images/minus1.gif" border="0"> 财经数据</asp:hyperlink></td>
</tr>
<tr>
<td height="7"></td>
</tr>
<tr>
<td><asp:hyperlink id="Hyperlink30" runat="server" navigateurl="AboutUs/Announcement.aspx?id=10" target="fraRight" onfocus="this.blur();">
<img src="Images/minus1.gif" border="0"> 经济观察</asp:hyperlink></td>
</tr>
<tr>
<td height="7"></td>
</tr>
<tr>
<td><asp:hyperlink id="Hyperlink31" runat="server" navigateurl="AboutUs/Announcement.aspx?id=11" target="fraRight" onfocus="this.blur();">
<img src="Images/minus1.gif" border="0"> 央行动态</asp:hyperlink></td>
</tr>
<tr>
<td height="7"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

function ShowHideList(strDivName) {
        if (document.all[strDivName].style.display == "none") {
            document.all[strDivName].style.display = "block";
        }
        else {
            document.all[strDivName].style.display = "none";
        }
    }  这个是用JavaScript写的但是我想要那种jQuery那动态效果请教各位怎么写 jQuery 不太懂
跟你分享一下我的思路。jquery里面那种渐隐渐显的效果可以通过动态改变optical来实现，写一个定时函数，若要显示，每个一小段时间查看optical是否为1？结束：继续加上一个固定值（例如0.01），若要隐藏，则是检查optical是否为0.那种silde效果是通过改变其位置来实现的，要显示的对象原先在视图外，通过改变其left或者top将其滑动到视图内部，原理跟上一个是差不多的
谢谢。我只知道jquery的hide和show方法来实现层隐藏，显示，但怎么实现就不懂了
function ShowHideList(strDivName) {
var o=$('#'+strDivName+'');//strDivName必须是层的ID
o.is(":hidden")?o.show():o.hide();
}这样？？？
/*slideToggle 如果是显示的则自动隐藏  如果是隐藏的则自动显示
后边的参数有三个1.slow 2.normal 3.fast
*/
$("#divID").parent().slideToggle("fast")
另外还有只是显示和只是隐藏的方法，不过感觉不如这个好使
如果你是想给show和hide附加效果的话，很多参数可选的
最简单的
o.is(":hidden")?o.show(2000):o.hide(2000);//2秒内显示或隐藏
/*slideToggle 如果是显示的则自动隐藏  如果是隐藏的则自动显示
后边的参数有三个1.slow 2.normal 3.fast
*/
$("#divID").slideToggle("fast");
去除.parent()即可
fadeIn()  fadeOut  slideDown  slideUp
  $(function () {             function ShowHideList(strDivName) {
                var o = $('#' + strDivName + ''); //strDivName必须是层的ID
                o.is(":hidden") ? o.show(300) : o.hide(300);
            }     }); 大哥我用你的代码这样用但是不行，ShowHideList方法缺少对象好像层的id进不来？？
$("div").toggle("slow");
写在事件里就行了
呵呵
1：你要么将函数移出$(function () {})
2：在么在$(function () {})内部进行事件绑定