0

私はstackoverflowで多くの同様の質問を検索しましたが、私の解決策は役に立ちませんでした..

私はあなたの助けを借りてコードを正常に実装しました。あなたの助けに感謝します..今、私はdivの非表示をアニメーション化する方法を学ぶ必要があります..

ページの読み込み時に表示される div がいくつかあります。これらの div は、いくつかのラジオ ボタンの値に基づいています。1 つのボタンをクリックすると、特定の div が表示されます。2 つの問題があります。

  1. 重複したコンテンツが表示されないように id 属性を使用しました (どうすれば解決できますか?)
  2. div の非表示をアニメーション化したい..どうすればそれを行うことができますか?

ここにフィドルがあります http://jsfiddle.net/qudT2/

jQuery コード:

$(document).ready(function() {
$("input[name$='type']").click(function() {
    var test = $(this).val();
    $("div.imgDisp").hide();
    $("#" + test).show();
});
});
4

1 に答える 1

1 
$(document).ready(function() { 
    $("div.imgDisp").hide();
    $('[id="' + $(":radio:checked").val()+'"]').show();
    $(":radio").click(function() {      
        $("div.imgDisp").fadeOut('slow');
        $('[id="' + $(this).val()+'"]').fadeIn('slow');
    });
});

デモ用

于 2013-02-11T17:28:51.747 に答える