問題タブ [horizontal-accordion]

私は非常に簡単に実装できる水平アコーディオンを探していて、他の人が何を使っているのか疑問に思っていました。

これは私が探しているようなものです。

クリックでアニメーション化する水平アコーディオンを作成しました。自動回転機能を追加して、スライドが 3 秒ごとに自動的に回転するようにしたいのですが、この部分がわかりません...

水平アコーディオンのコードは次のとおりです。

これに関連するJavaScriptは次のとおりです。

スライドを 3 秒ごとに自動回転させる知恵があれば、それは素晴らしいことです。ありがとう！

http://vincent-massaro.com/map/

これは、Googleマップにリンクされた水平アコーディオンの作業中の例です。私が抱えている問題は、右側のスライスをクリックし、前のスライスが開いている間に別のスライスをクリックすると、最初のスライスが所定の位置に跳ね返ることです。バウンスを取り除く方法はありますか？ありがとう！

標準の垂直メニューではなく、mootools で水平アコーディオン メニューを作成しようとしています。Fx.Accordion のマニュアルには、「幅の遷移を機能させるには CSS の習得が必要です」と書かれていますが、私はそれを十分に理解していないと思います。水平アコーディオンを機能させるのを手伝ってくれる人はいますか?

http://jsfiddle.net/Reanimation/L7Rej/2/

Web サイトで「liteAccordion」jQuery プラグインを使用しようとしています。

このプラグインはクリック イベントで動作しますが、マウスオーバーで動作する必要があります。マウスオーバーイベントをサポートしていますか? はいの場合、どのように定義できますか？

easyAccordion jquery プラグインには、アコーディオン項目を開いた後に何かを行うためのコールバック関数がありますか?

完全に開いた後、画像のタイトルをフェードインしたい。

水平アコーディオンを使用するWebサイトを作成しています。私がやりたいことをする2つのjqueryプラグインを見つけました。

1. http://www.madeincima.eu/blog/jquery-plugin-easy-accordion/
2. http://nicolahibbert.com/demo/liteAccordion/

彼らは両方とも私が必要とするすべてをしているようです。ただし、2つ目は順序付きリストを使用し、1つ目は定義リストを使用します。どちらがより意味的に正しいですか？これは扱いにくい問題でさえありますか、それとも私がアコーディオンをどのように使用しているかに正確に依存しますか？

アコーディオンの各スライドにはタイトルがあり、そのスライドのコンテンツはタイトルに基づいて拡張されます。タイトルを正確に定義しているわけではありませんが、非常に関連性があります。

これを考えると、どのバージョンが良いと思いますか？

ありがとう

JQuery と JQuery UI を使用して、カスタムの水平アコーディオンを作成しました。以前、SlideUp と SlideDown を使用して垂直アコーディオンを書きましたが、完全にうまく機能しました。ある意味では、両方が同時に呼び出されたので、一方が上にスライドして（高さが減少）、もう一方が下にスライドして（高さが増加）、スムーズでした。

しかし、水平アコーディオンでは、左にスライドする必要があります。そこで、JQuery UI Toggle('slide') を使用してそれを行います。2 つのトグル関数が同時に呼び出されますが、問題はコントロールの WIDTH がスライドしても減少しないことです。完全なスライドが完了し、突然非表示になるため、幅はそのままです。

ここに私のコードがあります -

このマークアップを保存して実行し、確認できます。何か案は？

次のコードは、JQuery ベースの水平アニメーション システムを操作します。

マウスが画像のいずれかに入るとすぐに、すべて左に移動するため、絶対的な配置の問題であると思われる縫い目があります:0px; さらに、それらを元に戻す機能も機能しません。それらは 0px に座っているだけです。

リファレンス FIDDLE をセットアップしたので、これが問題の解決に役立つことを願っています。 http://jsfiddle.net/FzaxF/1/