部門の表示/非表示

Question

私は以下を実行しようとしています。

は、ページ上の二つの形式、

• をお持ちの[フォーム1]
• [フォーム2]

は、基本的にはフィドルhttp://www.jsfiddle.net/ozzy/S9nX7/1/

を見て私は、フォーム2は、を隠すことにしたいですページが読み込まれます。

ユーザーがなし上のフォーム1をクリックすると、ユーザーがフォーム1にはいをクリックした場合、それは新しいページ にそれらを取る、それは私がbuggered午前フォーム1を隠し、フォーム2

を示しもし私がこれをするためにjsを動かすことができれば。 うまくいけば、jQueryスライドを使って楽にしています... jQueryサイトを見て、スライドアップでトグルショーなどをしましたが、失われましたか？

Answer 1

コードを更新しました。 http://www.jsfiddle.net/S9nX7/4/

必要なCSSと必要なjQueryを追加しました。私はあなたのhtmlをきれいにしました。ページロードでのdiv＃bを非表示にするに

、使用CSS：#b{ display:none; }

div#aを隠し、あなたがa.noをクリックしたときにdiv#bを示し、jQueryのを使用します。スライド遷移をしたい場合は、jQueryのhide/showをスライドなどで置き換えます。

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

    }); 

Answer 2

シンプルなソリューションですか？はい。デザインをリファクタリングし、2つのページを各フォームに1つずつ使用します。探しているソリューションですか？本質的に（onclickイベント）をクリックしていない時にhttp://www.jsfiddle.net/QHBa8/

で第

Answer 3

チェックアウト私のフォークはあなたはdivのaとショーのdiv bを非表示にします。 jQueryのidセレクタ（$('#a')と$('#b')）を使用すると、divへの参照を取得し、show()とhide()などのjQueryメソッドを呼び出すことができます。

このコードでは、すべてのインラインで、実際の作業を行うためにjavascript関数を呼び出す必要があります。