1

これはhtmlです：

 <div class="messages">
  <div class="conflict">
   <div class="alert alert-info">
    Conflict
   </div>
  </div>
  <div class="account">
   <div class="alert alert-info">
    Account
   </div>
  </div>
 </div>

これはcssです：

.new_inquiry > form > .messages > .conflict, .account { display: none;}

これはjqueryコードです：

$('#inquiry_theme').change(function(){
    if($('#inquiry_theme').val() == 'Conflict with the buyer/seller...') {
       $('.new_inquiry form .messages .conflict').show();
     }
});

開いている他のdivがある場合にトリガーされるとき$('.new_inquiry form .messages .conflict').show();クラスが異なる場合は非表示にしたいの.conflict

4

1 に答える 1

1

.conflict div を表示し、これが表示されたときに他のものを非表示にすることを想定しています。

これを行うには.siblings()、jquery の関数を使用できます。

ここにフィドルがあります：http: //jsfiddle.net/SVQaW/ ですが、それはダミーのシナリオですが、あなたのやり方を試してみてください。

$('#inquiry_theme').change(function(){
    if($('#inquiry_theme').val() == 'Conflict with the buyer/seller...') {
       $('.new_inquiry form .messages .conflict').show();
       $('.new_inquiry form .messages .conflict').siblings().hide();
     }
});
于 2012-12-04T11:24:12.080 に答える