效果基本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沒有的地方。所以似乎沒有任何衝突。