jQueryで開閉パネルを実装したいのですが、slide系の命令を使った開閉パネルだと、パネルの下の要素が、かくんっとなってしまいます。自分なりに調べてみましたが、原因がわからず、ここで質問させていただきます。かくんっとなる原因がわかる方がいらっしゃれば、ご教授お願いします。
ソースを・・
こちらのサイトの「動作デモ」でパネルを展開した直後、パネルの下の「使用したコードとマークアップ」というところに注目していただきたいのですが、動きがかくんっとなってると思います。自分で実装した開閉パネルも同じ現象になっているのですが、考えられる原因などわかりますでしょうか?(かちびとさんすいません…)
すいません。上の例だと探しにくいかもしれないので、こちらにも例を。パネル1を開閉した時のパネル2の動きを見てください。(またまた、かちびとさんすいません…)
質問した早々に申し訳ないのですが、すいません。解決しました…。原因を考えてくださった方、調べてくださった方、本当にありがとうございます!
一応、同じ悩みを持つ方の参考に、自分解決した方法ですが、展開したい部分(表示、非表示できる部分)に幅を設定するのと、overflow:hidden;で、かくんっが解消されました!
お騒がせして、すいませんでした<(_ _)>
これぐらい気にするなw
上の例に挙げたかちびとさんのかくんっは微々たるものですが、私の開閉パネルのかくんっは、かちびとさんのそれとは比べ物にならないほどのかくんっです。
みんなの回答 5 件
ソースを・・
こちらのサイトの「動作デモ」でパネルを展開した直後、パネルの下の「使用したコードとマークアップ」というところに注目していただきたいのですが、動きがかくんっとなってると思います。自分で実装した開閉パネルも同じ現象になっているのですが、考えられる原因などわかりますでしょうか?
(かちびとさんすいません…)
jQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみる - かちびと.net
http://kachibito.net/web-design/jquery-first-step.html#exすいません。上の例だと探しにくいかもしれないので、こちらにも例を。
パネル1を開閉した時のパネル2の動きを見てください。
(またまた、かちびとさんすいません…)
[jQuery] クリックで開閉するスライドパネル - かちびと.net
http://kachibito.net/snippets/open-slide-panel質問した早々に申し訳ないのですが、すいません。解決しました…。
原因を考えてくださった方、調べてくださった方、本当にありがとうございます!
一応、同じ悩みを持つ方の参考に、自分解決した方法ですが、
展開したい部分(表示、非表示できる部分)に幅を設定するのと、
overflow:hidden;で、かくんっが解消されました!
お騒がせして、すいませんでした<(_ _)>
これぐらい気にするなw
関連するトピックス