效果基本show了slideDown

Question

我有这样的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"; 
     } 
    }); 
}); 

这个“菜单”

<nav> 
    <div class="menu"> 
     <ul class="ul"> 
    <h6> 
       <li id="home" >Home</li > 
       <li id="about">About</li > 
       <li >performance</li > 
       <li >testimonials</li > 
       <li >faqs</li > 
       <li >forum</li > 
       <li onclick="slideUpDown()">Contact </li > 
      </ul> 
     </h6> 
    </div> 
</nav> 

我必须用李标签的链接，当我点击关于“链接”的故乡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'); 

，并不会改变你的网址前面的同一呼叫与此添加此

onclick="return false" 

，你可以用一个脚本根据需要调用尽可能多的滑动操作。要定位的div是在呼叫中具有其ID的那个。

编辑：抱歉...只是指出，它是jQuery，但不应该影响任何东西。我用它在其他jQuery没有的地方。所以似乎没有任何冲突。