title: hide div if different class value jquery
body: <p>This is the html:</p>
  
  <pre><code> &lt;div class="messages"&gt;
    &lt;div class="conflict"&gt;
     &lt;div class="alert alert-info"&gt;
      Conflict
     &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="account"&gt;
     &lt;div class="alert alert-info"&gt;
      Account
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>This is the css:</p>
  
  <pre><code>.new_inquiry &gt; form &gt; .messages &gt; .conflict, .account { display: none;}
  </code></pre>
  
  <p>This is the jquery code:</p>
  
  <pre><code>$('#inquiry_theme').change(function(){
      if($('#inquiry_theme').val() == 'Conflict with the buyer/seller...') {
         $('.new_inquiry form .messages .conflict').show();
       }
  });
  </code></pre>
  
  <p>When is triggered <code>$('.new_inquiry form .messages .conflict').show();</code> if there is opened other div I want hide it if class is different of <code>.conflict</code></p>