SlideUp slideDown

我有这个JavaScript代码：

var x="#wrapper" //var xyz; $(document).ready(function(){ $("#about").click(function(){ if (!(x=="#about")){ $(x).slideUp("slow",function(){ $("#aboutus").slideDown("slow"); }); x="#aboutus"; } }); }); $(document).ready(function(){ $("#home").click(function(){ if(!(x=="#wrapper")){ $(x).slideUp("slow", function(){ $("#wrapper").slideDown("slow"); }); dd="#wrapper"; } }); }); 

用这个“菜单”

 
 
 
 
 
Home
 
About
 
performance
 
testimonials
 
faqs
 
forum
 
Contact 
 
  
  

我必须使用li标签作为链接，当我点击关于“链接”时，主div必须缓慢向上滑动，而div应该缓慢下降。 请帮忙！

先感谢您

Answer 1

在代码的最后一行，将x设置为#wrapper而不是dd：

 var x="#wrapper" //var xyz; $(document).ready(function(){ $("#about").click(function(){ if (!(x=="#about")){ $(x).slideUp("slow",function(){ $("#aboutus").slideDown("slow"); }); x="#aboutus"; } }); $("#home").click(function(){ if(!(x=="#wrapper")){ $(x).slideUp("slow", function(){ $("#wrapper").slideDown("slow"); }); x="#wrapper"; } }); }); 

Answer 2

我刚刚来到这个漂亮的那个。 它很简单而且很有效。

 function toggleForm(x) { if ($('#'+x).is(":hidden")) { $('#'+x).slideDown(200); } else { $('#'+x).slideUp(200); } } 

然后叫它……

 onmousedown="javascript:toggleForm('div_ID'); 

并且不更改您的URL会在同一个呼叫中添加此值

 onclick="return false" 

有了这个，您可以使用一个脚本来调用任意数量的滑动操作。 要定位的div是在呼叫中具有其ID的那个。

编辑：抱歉…刚才注意到它是jQuery，但不应该影响任何东西。 我用过其他jQuery没有的地方。 所以似乎没有任何冲突。