問題タブ [slidetoggle]

テキストの段落を表示しようとしていて、その下に「続きを読む」リンクがあり、リンクをクリックすると、さらにテキストが下にスライドし、リンクのテキストが「読む回数を減らす」と表示されるはずです。彼らがそれをクリックすると、テキストがスライドして元に戻り、リンクテキストが再び「続きを読む」になるはずです..

誰でも問題を見つけますか？

私の問題の要点は、すべての偶数行が非表示になっているテーブルがあり、上の行のアンカーを使用して可視性が切り替えられることです。これは正しく機能しますが、一部のブラウザ（SafariおよびChrome）では、表示されたばかりのブラウザの下のtrが本来よりも下に移動します。

非表示のtrを切り替え続けると、次の兄弟がページを下に移動します。

これは、この問題を示す必要最低限​​のコードです（jqueryが必要です）

上記のコードはOperaとFirefoxで正常に機能しているようですが、上記の問題はSafariとChromeで発生します。（IEではまだテストされていません）。これは、Webkit関連の問題であると私に疑わしいものです。

他の誰かが問題を見つけましたか？回避策はありますか？

slideDownメソッドをjqueryのデリゲートまたはライブメソッドと組み合わせて、後でページに追加された要素にslideDownメソッドを適用することは可能ですか？

私はリストを持っています：

次のようにslideToggleを使用したい：

問題は、異なるクラスを次のクラスslideだけにしたいということです。などを使ってみました。slideTogglenewsitem.closest().nextSibling()

この簡単な（おそらく）問題について少し助けてください。

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

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

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

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

moreProductsBoxのクラスを使用して、クリックしたリンクの後に次に使用可能なdivにアクセスしようとしています。次に、slideToggleを開きます。

これは私が今持っているものです：

リンク：

Jqueryは次のとおりです。

*マークアップがより明確になるように更新されました

下向きではなく上向きにアニメートするトグルを作成する必要があります。つまり、「通常の」トグルの逆です。おそらくもっと簡単なのは、通常のslideToggleなどのように下にスライドするのではなく、メニュー項目（メニュー）の上にトグルを上にスライドして表示する必要があることです。私はこれでほぼそこにいます：

ただし、アイテムを「トグル」すると、別のアイテムが300px下がり、2番目のアイテム（下にスライド）が300px下がり、300px上にスライド（上がり）しません。私が達成したいことの良い例（サイトが嫌い）は、http：//market.weogeo.com/#/homeと下部の「タブ」です。

私のHTMLコードは使用しています

CSS側

と

何か案は？

「クリックされた」トグルを開く前に、各「クリック」が前のトグルを閉じたと便利です。

HTML に同じクラス (.attributes) の 2 つのインスタンスがあります。両方を同時に切り替えたいだけです。最初のインスタンスは期待どおりに動作しますが、2 番目のインスタンスは引き続き Toggle open (スタイルは display:block のままです)。

両方の場所に関連する HTML

jQuery

別の名前を付けて「ワーキング」クラスを外しましたが、同じ結果が得られます。クラスには、非表示に切り替えられない div とともに順序付けられていないリストがあります。

どんな助けでも大歓迎です。ありがとう！

現在私のウェブサイトには、[+]を[-]に変更し、開いているか閉じているかに応じてドロップダウンメニューに戻るjavascriptがあります。代わりに、画像を使用して実行したいと思います。たとえば、メニューが閉じているときは小さな右向きの矢印で、メニューが開いているときは小さな下向きの矢印です。これを実現するために次のJavaScriptを変更するにはどうすればよいですか？ありがとう

ここでの例：jsfiddle

jquery の折りたたみ可能なパネル スクリプト (メニューとして使用) をダウンロードしましたが、正常に動作していますが、.NET と組み合わせて使用​​し、表示中のページに基づいて特定のパネルを展開しようとしています。 、しかし、試したすべての組み合わせに関係なく、ものを選択できないようです。HTML は次のようになります。

このスクリプトでは、最初のものを実行した後、この行を書くとすべてのパネルが正常に切り替えられます。

ただし、もちろん、ページにはこれらのパネルが複数あるため、表示している特定のページに関連するパネルだけを切り替えて、すべてを切り替える必要はありません。私はこれを次のように試しました：

他にもたくさんの組み合わせがあります。以前は、これほど複雑なセレクターを使用する必要はありませんでした (少なくとも、私にとっては複雑でした)。どのようにできるのか？適切な 10 年のコンテナー内にある を選択して.collapsibleContainerContent、slideToggle() する必要があります。

スクリプトに渡される .net 変数が正しいことを確認しました。ソースを表示すると、1990 と表示されます。では、何が間違っているのでしょうか? ありがとう。

編集: 明確化、年は動的であり、それが私のデータと一致する必要があるため、少なくとも属性タイトルによるコンテナーまたは年を含む :contains による ContainerTitle の基本選択から開始する必要がありますが、必要です最後に ContainerContent を選択して、切り替えられるようにします。