2010-12-17 352 views
0

我正在嘗試以下操作。顯示/隱藏Div

有網頁兩種形式,

  • [表格1]
  • [表格2]

本質看小提琴http://www.jsfiddle.net/ozzy/S9nX7/1/

我想表格2是隱藏頁面加載。

如果用戶點擊形式1,需要他們 新頁。如果用戶點擊沒有形式1,它隱藏窗體1和顯示形式2

我累垮如果我能制定出這樣的js。 希望使用jQuery幻燈片,緩和...我已經看過jQuery網站,並在幻燈片向上,切換顯示等,但..我失去了一個簡單的解決方案?

回答

2

我已更新您的代碼。 http://www.jsfiddle.net/S9nX7/4/

我已經添加了所需的CSS和所需的jQuery。我已經清理了你的html。

隱藏在頁面加載,使用CSS的股利#B:#b{ display:none; }

隱藏div#a並顯示div#b當你點擊a.no,使用jQuery。如果你想滑動轉換,用幻燈片或任何你想要的效果替換jQuery隱藏/顯示。

$("a.no").click(function(){ 
       $("#a").hide(); 
       $("#b").show(); 
       return false; 

    }); 
+0

非常感謝! :) – 422 2010-12-17 02:45:35

-2

一個簡單的解決方案?是。重構您的設計並使用兩個頁面,每個窗體一個。您正在尋找的解決方案?在http://www.jsfiddle.net/QHBa8/

本質上點擊時沒有(在onclick事件)號

+0

不,這不是解決方案。 – 422 2010-12-17 02:26:34

+0

男人,有時候你們沒有幽默感。 ;) – 2010-12-17 02:30:24

+0

如果你曾經說過'重構你的設計,爲每個表單域使用一個頁面,這樣用戶就會看到一個分爲二十個'簡單'步驟的表單。'那麼我會投這個票。相反,我什麼也沒做:P – karim79 2010-12-17 02:39:25

1

看看我的叉子要隱藏的div a和顯示DIV b。使用jQuery id選擇器($('#a')$('#b')),您可以獲得對div的引用,然後在其上調用jQuery方法,如show()hide()

在示例代碼中,它的所有內聯代碼都需要調用javascript函數來完成實際工作。

+0

謝謝邁克爾:) – 422 2010-12-17 02:46:47