jQueryで入力要素をクリックした後に要素を表示または非表示にするにはどうすればよいですか？

Question

私はこのコードを持っています。リンクやdivで使用するとうまく動作します。しかし、入力をクリックした後で要素を表示または非表示にしたい場合は機能しません。これは、HTMLコードです：

<div class="form"> 
    <div class="row sec"> 
    <div class="large-3 columns"> 
    Select a subject 
    </div> 
    <div class="large-3 columns"> 
     <div class="radio science_b"><input type="radio" class="science_b" name="subject" value="Science" ><label for="subject"><span class="science_b"></span>Science</label></div> 
    </div> 
    <div class="large-3 columns"> 
     <div class="radio"><input type="radio" class="language_b" name="subject" value="Language" ><label for="subject"><span></span>Language</label></div> 
    </div> 
    <div class="large-3 columns"> 
     <div class="radio"><input type="radio" class="humanistic_b" name="subject" value="Humanistic" ><label for="subject"><span></span>Humanistic</label></div> 
    </div> 
    </div> 
</div> 

<div class="humanistic"> 
</div> 
<div class="humanistic"> 
</div> 
<div class="humanistic"> 
</div> 

そして、これはあなたの助けのための

$(document).ready(
    function() { 
     $(".science_b").click(function() { 
      $(".science").show("slow", "swing"); 
      $(".humanistic").hide(); 
      $(".language").hide(); 
     }); 
     $(".language_b").click(function() { 
      $(".language").hide(); 
      $(".science").show("slow", "swing"); 
      $(".humanistic").hide(); 
     }); 
     $(".humanistic_b").click(function() { 
      $(".humanistic").show("slow", "swing"); 
      $(".language").hide(); 
      $(".science").hide(); 
     }); 
    }); 

おかげでjQueryを

です。

Answer 1

あなたのコメントを何度も試して、あなたのコメントを取り入れた後、私はボタンを整形するためにフォームに使用していたプラグインに問題があることに気付きました。私はそれを削除し、それは動作します。ありがとう。