forms - 同じページに 2 つのフォームがあり、それぞれにキャプチャがありますが、競合しています

Question

同じページに 2 つのフォームがあります... 1 つは米国のユーザー用で、もう 1 つは海外のユーザー用です。ユーザーは、アイコンを選択してフォームを選択します。ユーザーの選択に応じてフォームを有効にするJavaScriptがあります。問題は、各フォームにキャプチャがあり、それらが互いに競合していることです。

現在、css を「display: none;」に設定しています。非アクティブなフォーム用。cssまたはjavascriptを使用して、この競合を回避する簡単な方法はありますか?

現在の JavaScript を見てみましょう。

$(function () {
$("[name=toggler]").click(function () {
    $("[name=toggler]").removeClass('active');
    $(this).addClass('active');
    $('.toHide').hide();
    $("#blk-" + $(this).val()).fadeIn(1000);
});

});

さらに必要な場合は、お知らせください。助けてくれてありがとう！