選択したラジオボタンのコードネームを表示または非表示

Question

現在プロジェクトを行っています。私は2つのラジオボタン、1）片道2）往復。ユーザが片道ラジオボタンを選択しようとすると、戻りテキストフィールドが非表示になります。

私はこの問題に関してスレッドと誰かのコメントを見ました。シナリオ：私は片道ラジオボタンを選択しました、戻りフィールドは消えます、はい、それは動作していますが、いくつかの問題があります。片道ラジオボタンから往復へ、私の心が変わるとどうなりますか？問題はリターンフィールドで表示**

//私のラジオボタン

<div class="pure-u-1-1 radiobtn"> 
    <form action=""> 
      <input type="radio" name="flight_type" value="one_way" class="onew" style="" >One Way 
      <input type="radio" name="flight_type" class="roundw" style="" checked>Round Trip 
    </form> 
</div> 

//

<div class="pure-u-1-1 dr" id="try"> 
     <label for="return" class="drr">Return</label> 
     <input type="text" id="return" name="return" class="departreturn"><br> 

</div> 

を表示/非表示になりますリターン・フィールド**バック

来ませんでした

JS

<script type="text/javascript"> 
$(document).on('change', 'input:radio[name=flight_type]', function(){ 
    $('div[id^="try"]').hide(); // hide all DIVs begining with "my_radio_" 
    $('#' + $(this).attr('id') + '_text').show(); // show the current one 
}); 

</script> 

マッチした要素を表示または非表示：

Answer 1

ちょうど.toggle()

.toggle（）

説明を使用します。パラメータなしで

、.toggle（）メソッドは、単純に要素の可視性を切り替えます：

REF：http://api.jquery.com/toggle/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="pure-u-1-1 radiobtn"> 
 
    <form action=""> 
 
    <input type="radio" name="flight_type" value="one_way" class="onew" style="">One Way 
 
    <input type="radio" name="flight_type" class="roundw" style="" checked>Round Trip 
 
    </form> 
 
</div> 
 

 
<div class="pure-u-1-1 dr" id="try"> 
 
    <label for="return" class="drr">Return</label> 
 
    <input type="text" id="return" name="return" class="departreturn"><br> 
 

 
</div> 
 

 

 
<script type="text/javascript"> 
 
    $(document).on('change', 'input:radio[name=flight_type]', function() { 
 
    $('div[id^="try"]').toggle(); // toggle all DIVs begining with "my_radio_" 
 
    $('#' + $(this).attr('id') + '_text').show(); // show the current one 
 
    }); 
 
</script>