2011-02-06 3 views
1

divをページの下からスライドさせるスクリプトがあります。しかし、このdivのトグルボタンはスライディングdivの上にくるでしょう。しかし、ボタンが押されてdivが下がり始めると、スクリプトはボタンを隠します。ここでは一例だ...divとトグルボタンを滑らせる

http://www.codekraken.com/dashpad/testing/test2.html

は、どのように私はそれにスライドするトグルボタンを得るが、消えることができませんか?

は、ここで私が何を意味するかの例です:

Screeshot

+0

http://jsfiddle.net/NY9Xa/このような何か?私は確かに何のボタンもtest2.htmlにないということを意味します。ハイパーリンクのみ – Rafay

+0

いいえ、私が何をしようとしているかを示す絵を見てください。そして、test2.htmlのハイパーリンクをクリックしてdivスライドを見てください(ページをリロードして、私はそれを変更しました)。 – Charlie

答えて

2

これは、CSSの問題ではありませんJSの問題です。ここで

がソリューションです。(私は右の質問を得た場合) http://jsfiddle.net/SdvWQ/

(ジャストドックとdivの中にトリガーをラップ)

PS:あなたの関数であればを削除し、slideToggle()を使用。

+0

完璧!ありがとうございました。 – Charlie

+0

スライドする2つの異なるdivがある場合はどうなりますか?ボタンを1つクリックすると1つのdivがスライドし、別のボタンをクリックするともう一方のボタンがスライドします。それは可能ですか? – Charlie

+1

はい、私のコードの機能を作り、それを他のdivに適用するだけです。ここを参照してください:http://jsfiddle.net/SdvWQ/1/ – meo

0

ボタンはコンテナの内側にあります。どちらの

var container = $("#container"); 

この行をコンテナのdivの外に移動したり、変更

var container = $("#inner"); 
+0

トグルリンクをスライドさせないので、動作しません。 – Charlie

+0

あなたはそうです。それはいくつかのCSSトリックで動作しますが。 –

関連する問題