問題タブ [slideup]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
750 参照

jquery - jqueryのslideDownおよびUp関数を使用すると、要素をパディングできないか、エラーになるのはなぜですか

以下はパディング付きの私のコードです

'#'expand{ パディング: 16px; 表示: なし; 背景色: #fff; }

この要素にslidetoggleを入れると、スライドでアニメーション化されたパディングのように見えます

代わりに、子 div 要素を配置し、子要素にパディングを配置する必要があります。

0 投票する
1 に答える
1047 参照

javascript - すでにスライドダウンしている場合はjQueryのslideUp div?

jqueryのslideDown、SlideUpについて簡単な質問があります。私は、slideDown を使用して、クリック時に div をスライドさせています。

#box がすでに下にスライドしている場合、もう一度クリックすると上にスライドするようにするにはどうすればよいですか? ありがとう。

0 投票する
4 に答える
4019 参照

jquery - 他のdivがjQueryでスライドダウンされている場合、divをSlideUp

さまざまなリンクをクリックして、さまざまな div をスライドダウンする機能を作成しました。以下は基本的なコードです。ただし、たとえば、最初のリンクをクリックすると、div が下にスライドするなど、少し問題があります。次のリンクをクリックすると、最初の div が保持され、2 番目の div が下にスライドします。ただし、下にスライドしたdivがあり、リンクをクリックすると、前のdivが上にスライドし、新しいdivが下にスライドするようにしたいと考えています。この点であなたの助けに感謝します。ありがとう。

0 投票する
1 に答える
899 参照

jquery - jQueryを使用して、すべてのdivをスライドアップし、ボタン1つでh3クラスを変更します

私が取り組んできた単純なアコーディオン型のメカニズムがあります。私は、slideUp と slideDown のコールバック機能に精通しており、これを使用して、アニメーションの完了後にクラスを変更しました。

2 つのボタンがあります。1 つはアコーディオン内のすべての div を展開し、もう 1 つはそれらを折りたたみます。これは問題なく動作し、これらのボタンのみを使用してアコーディオンを制御すると、クラスは正しいタイミングで変更されます。

ただし、(h3 をクリックして) アコーディオンの 1 つを開き、ボタンをクリックしてすべての div を折りたたむと、h3 のクラスがすぐに変更されます (したがって、その外観が変わります)。

どこかで矛盾が生じているはずです。私の関数は特に私たちが書いたものではないと確信していますが、何か助けていただければ幸いです。

ありがとう

これはjQueryです:

次の html は単純化されていますが、基本的な構造は同じです。

0 投票する
1 に答える
1086 参照

jquery - JQuery:マウスが複数の要素を離れたときに検出

私はdivで作られたメニューを持っており、divの1つにはドロップダウンを下にスライドするJQueryのmouseenter関数があります。

ドロップダウンをスライドさせてマウスを上に戻し、ドロップダウンを離れる機能もあります。

これは問題ありませんが、ユーザーがマウスをランチャーの上に移動すると、ドロップダウンを経由せずに、メニューが下に留まる場合を除きます。

マウスがどちらかのdivにあるかどうかを確認することはできますか?

編集1:マークアップ:

0 投票する
2 に答える
953 参照

jquery - SlideDown Div と Close リンク

こんにちは、

「プロファイルが更新されました」などのメッセージを表示するために、スライド DIV を使用したいと考えています。

これは私のコードです。ページを読み込むと DIV が下にスライドし、数秒後に消えます (遅延)。しかし、リンクを使用してタイムアウトになる前に DIV を閉じることができるようにしたいのですが、SlideUp を添付できません...なぜですか?

0 投票する
2 に答える
4660 参照

javascript - jQuery slideDown slideUP - ボタンを隠す

ボタンを押した後にボタンを非表示にする非常に単純なスライドアップおよびスライド機能を作成しようとしていますが、JavaScriptのスキルがほとんどなく、確かにばかげたことをしています。

私が機能していないのは、ユーザーがメニューを押しCancelたときにメニューがスライドして戻り、Showボタンが再表示されることです。コードはこちら

また、失敗しましたが、次のいくつかのバリエーションを試しました。

slideUp関連する多くの問題と解決策を見てきましたが、キャンセル時にShowボタンを表示する簡単な方法がわかりません

0 投票する
3 に答える
4555 参照

jquery - jQueryクリックslideUpが機能しない

このコードに何か問題がありますか?正しく動作しないため。

0 投票する
1 に答える
702 参照

jquery - jQueryボックスの高さの問題-slideUp/Downを使用

私のサイトには、ボタンをクリックするとボックスが上にスライドし、新しいテキストが読み込まれ、下にスライドして新しいテキストが表示されるボックスがあります。これが私がjQueryで書いたコードです:

問題は、新しいテキストが短くなったり長くなったりする可能性があるため、ボックスが上にスライドするとボックスの高さが変わることです。これは、ボックスが下にスライドすると、ボックスの「古い」高さから新しいボックスの高さに達すると、ジャークすることを意味します。

これがhtmlの例です。「lyric」内のすべてが「lyric.php」ファイルによって吐き出されます。

そしてCSS:

カスタムアニメーションをいじってみましたが、slideUp/Downを模倣してボックスの高さの問題を整理することができませんでした。どんな助けでも大歓迎です。

0 投票する
2 に答える
203 参照

jquery - jquery スライドトグルの問題

次の div の切り替えに問題があります。コードは次のとおりです。

私のコードのjsfiddle

私がする必要があるのは、次のボタンをクリックした後、現在の box_content を閉じて、次の順序で開くことです。簡単だけどできない…助けてください。