3

ページで coda スライダーを使用しています。ここでそれを見る：

http://www.ndoherty.com/demos/coda-slider/1.1.1/

各タブをクリックすると、ペイン内のコンテンツが移動します。クリック時にELSEが発生するようにします。タブをクリックすると、「#topleft」という div のページの左上セクションに画像が表示されます。簡単にするために、この 1 つの div に焦点を当てますが、クリックすると他の div もアクティブになります。

CSS で #topleft div を display:none に設定し、特定の div がクリックされたときに #topleft の可視性を true に設定する単純な jquery 関数を追加することを考えていました。これを例として使用してみましょう: div #nav があり、その中に 5 つの div (それぞれに独自の nav リンクが含まれています) があります。div #nav taba をクリックすると div #topleft が表示され、別の navlink (たとえば #nav tabb) がクリックされると消えます。このかなり単純なjqueryコードを手伝ってくれる人はいますか? 本当にありがとう！

4

3 に答える 3

10

show（）とhide（）を使用します。

効果のあるもの：

$('#someTabLink').click(function() {
    $('#someImage').show();
});

$('#someOtherTabLink').click(function() {
    $('#someImage').hide();
});

またはtoggle（）を使用する：

$('#someTabLink').click(function() {
    $('#someImage').toggle();
});

ページの読み込み時に何かを最初に非表示にする場合は、可視性ではなくdisplay cssプロパティを使用します。これは、jQueryのshow、hide、toggleメソッドがdisplaycssプロパティを操作することで機能するためです。

于 2009-07-07T14:01:26.670 に答える
0

karim79の提案に追加するには、次のように複数のタブリンクで#topleftdivを非表示にすることができます。

$('#tabb, #tabc, #tabd').click( function() {
    $('#topleft').hide();
});
于 2009-07-07T14:34:39.590 に答える
0

jQueryで次のようなものを使用できますか：

  $("element").addClass("ClassName")
  $("element").removeClass("ClassName")

それを非表示にするクラスを削除し、それを明らかにするクラスを追加するには?

于 2009-07-07T14:03:34.733 に答える