0

こんにちは、h3 を選択すると別の div が表示され、別の h3 を選択すると新しい div現れて、もう一方は消えます。

左の列は私のアコーディオン ウィジェットです。h3 を選択すると、中央の div が表示され (アニメーションは関係ありません)、その div 内にフローティングの右の列が表示され、3 列のレイアウトの外観になります。右側の列は、その中央の div 内のコンテンツを表示/非表示にするために使用されます。まだ私と一緒に????

最初の h3 はデフォルトで開いていることに注意してください。そのため、関連する中央の列も開いており、右の列もその中にありますが、別の h3 が選択されると消えます。

私のjquery/javascriptはせいぜい最小限であり、これを使用する方向性は考えられません。

トグルを使用しますか? 表示/非表示? どんなアイデアでも大歓迎です！

だから私がやろうとしているのは、アイテム/コンテンツの洗濯物リストを表示するのではなく、ユーザーがリンクをクリックしたときに表示/非表示、トグルなどのためにコンテンツがdiv内のリンクから取り込まれているという効果を与えることだと思います.

4

2 に答える 2

2

あなたが説明したことに基づいて、小さな例をコーディングしました。出発点としてこれを見て、質問があればコメントしてください。これがあなたにとって良い出発点になることを願っています。

正確なコードのソースを表示します。

http://jsbin.com/ixaco

于 2010-01-29T16:42:40.643 に答える
0

TBに感謝します、それはまさに私が探していたものです。あなたが与えたコードで、show /hideから入力されているdivにJqueryUiエフェクトを追加することが可能かどうかを言うことができますか？ブラインド効果か何かのように考えていました。左の列としてすでにUIアコーディオンウィジェットを使用しているので、興味がありました。そもそもなぜ私がUIライブラリを呼んでいるのか不思議に思う人がいる場合に備えて。

あなたのコード：

$(function(){
  $("h3").click(function(){
    $(".content").hide();
    $(this).next().show();
  });
  $("h3:first").click();
});
＃

「ブラインド」を追加した場合： 

   $(".content").hide(blind);
    $(this).next().show(blind);

その効果のために私が思うに...基本的にそれを少し空想するために

再度、感謝します。

于 2010-02-03T07:57:29.947 に答える