2013-04-09 38 views
0

我有一個由兩部分組成的表單,它們都在同一頁上。使用if esle執行slideDown

我想要一個<p>元素爲表格的第二部分。該<p>需求是不可見的,只有所示,當表格的第一部分已經被填充。​​所以,當你在填寫表格並點擊下一步,<p>向下滑動,並顯示形式

$(document).ready(function(){ 
    $(".btn1").click(function(){ 
    $("p").slideUp(); 
    }); 
    $(".btn2").click(function(){ 
    $("p").slideDown(); 
    }); 
}); 
+0

請過帳您的HTML。從你的問題來看,你有什麼不清楚的是你想要達到的目標。 – BenM 2013-04-09 10:27:43

+1

那麼你有什麼問題? – Rab 2013-04-09 10:27:47

回答

0

其餘根據您所提供的信息,我認爲你正在尋找這樣的: -

HTML: -

<input type="button" id="btn1" value="Prev"> 
<input type="button" id="btn2" value="Next"> 
<div>welcome to mypage 
    fill all the fields :- Form 1</div> 
<p style="display:none"> 
    Now Fill this section :- Form 2 
</p> 

JS: -

$(document).ready(function(){ 
    $("#btn1").click(function(){ 
    $("p").slideUp(); 
    }); 
    $("#btn2").click(function(){ 
    $("p").slideDown(); 
    }); 
}); 

SEE THE DEMO

+0

我很好,謝謝你,先生!正是我需要的! – 2013-04-09 11:28:37

0

把兩部分兩個格與id和對第二個div設置樣式顯示無。

style="display:none" 

然後用這個。

$(document).ready(function(){ 
    $(".btn1").click(function(){ 
    $("div2").show(); 
    $("div1").hide().slideUp(); 
    }); 
    $(".btn2").click(function(){ 
    $("div1").show(); 
    $("div2").hide().slideDown(); 
    }); 
});