問題タブ [slidedown]

jQuery を使用して、ドロップダウン メニューからのさまざまな選択に基づいて非表示のフィールドを表示することは可能ですか?

複数の非表示フィールドのコードを書くのに問題があります。

基本的に、「select 1」のすべての選択を割り当てて、「hide3」または「hide4」を割り当てて、同じフィールドセット内の異なるフィールドを表示する必要があります。

FF4 でこの奇妙なジャンプ効果が発生する原因は何ですか? (最新のジョブのスライド ダウンを参照)

http://jsfiddle.net/ipavelek/2dMNb/2/

Chrome/Safari ではすべて正常に動作します。

注: の高さ.mediaを 45px に設定すると、この特定のケースは修正されますが、問題は解決しません。

私はこのコードを持っています：

text2のhtml：

list2のhtml：

list2をクリックしても、text2に正しいslideDownが生成されません。text2の上部の数ピクセルが表示されるか、まったく表示されません（クリックごとに異なる結果が表示されます）。FF4/64ビットおよびIE7/8/9で問題が発生します。

ページはここで見ることができます。

スクリプトを次のように変更してみました。

しかし、運はありません。えーと...

これは非常に単純であると思われますが、正常に機能させることができません。

次のコードは、次のことができるはずです。ページの読み込みが完了するとすぐに、ページの上部にある div (div#panel) が下にスクロールして表示されます。数秒遅れると、div がスクロールして表示されなくなります。ユーザーがトリガーをクリックすると、div は上下にトグル/スライドできる必要があります。

アドバイス/提案をよろしくお願いします。

スライド ビルボード広告を作成する必要があります (この Web サイトhttp://www.mlive.com/slidingbillboard/のようなもの)。最も理解している理由から、Flash よりも jQuery を使用したいと思います。私はグーグルをしてきましたが、解決策が見つかりませんでした。最終的に、これは Google Ad Manager にスローされ、クリックスルーが追跡されます。どんな助けでも大歓迎です！

注: これは、サイトのすべてのコンテンツの上に表示されます。

Windows phone の bing maps アプリで、検索ボタンをクリックすると、検索ボックスが画面の上部からスライドして表示され、キーボードが下部からスライドして表示されます。自分の Windows Phone アプリ (bing マップ コントロールに基づく) で同じ動作を実現したいと考えています。

フィルターの設定 (いくつかのチェック ボックスとテキスト入力が必要) や項目の追加 (名前のテキスト入力が必要で、理想的には、アイテムの位置を微調整するためにパンするメイン パネルのマップ)。

テキストボックスがフォーカスされるとキーボードが自動的に表示されると確信していますが、検索ボックスにドロップするための最良の方法が何であるかはわかりません。ストーリーボード/アニメーション/プロジェクションで何かが必要になるように見えますが、これまでのところ明確な標準的なアプローチを見つけていません。それを 2 回行う時間）。

効果を達成するための標準/ベストプラクティスの方法はありますか?

解決策が見つかりませんが、ウェブ全体で読んでいるのと同じ問題があります。

簡単に言えば、私の DIV 要素で slideDown() メソッドを使用すると、jQuery が DIV サイズをスライドさせすぎて実際のサイズに戻るという醜いスナップ バック効果が得られます。

Web を見渡すと、iv は問題のある要素からすべてのマージンとパディングを削除しようとしましたが、何もしません。

ページの読み込み時にそれぞれが変更されるため、div の静的サイズを設定することはできません。それらは変更されませんが、1つがロードされました。(新しい div も ajax を使用して作成されます)

サンプル DIV を次に示します。

そしてCSS

誰でもここで私を助けることができますか? 私はアイデアがありません..まずjQueryを使用してDIVの高さを把握し、CSS()を使用して高さを強制してからslideDown()を呼び出してみましたが、jQueryはほとんど常に高さについて間違っていました...

応答 div も、display:none プロパティを使用して非表示にします。

次に、この関数が呼び出されます

編集 言い忘れましたが、div に単語が 1 つしか含まれていない場合、スナップ バック効果は発生しません..しかし、複数の単語をスペースで入力すると発生します..

スペースを追加すると、高さが台無しになるようなものです。

これはjsFiddleの私のコードです。

動作しますが、.fadeIn()動作しません。同様に、使用する.slideUp()と動作しますが、使用すると動作しません.slideDown()

ここで何が問題なのですか？

「続きを読む」リンクをクリックした後、jQueryを使用してページのコンテンツをスライドダウンして表示しています。アニメーションはうまく機能しますが、表示されているコンテンツは、リンクがクリックされた直後、アニメーション化されたスライドダウンの前に表示されます。面白いのは、他のいくつかのサイトでこのコードを使用したことがあり、この問題が発生したことがないことです。

コードは次のとおりです。

とhtml

どんな助けでも素晴らしいでしょう！また、補足として、このスライドダウンの複数のインスタンスを1ページに表示したい場合があります。今すぐ「続きを読む」リンクをクリックすると、すべての「詳細」divが表示されます。インスタンスごとに新しいコードを記述せずに、単一のdivでこれを機能させるにはどうすればよいでしょうか。私がそれを望む例は、投稿のリスト内の投稿からの詳細を明らかにするワードプレスサイトです。

ここに例があります

divを下にスライドさせる方法がわかりませんが、divが下にスライドするときに下にスライドしないように、コンテンツを上部に保持します。

これで私を助けてくれませんか？