Cacher et montrer une div à l'article

Question

Je suis un étudiant et j'ai des problèmes sur le poste. Je suis à la recherche d'un script de show hide basé sur parentCatId et catId!

Ceci est la div que j'essaie de cacher et/ou montrer! div class="item-post-lot-area"

<div class="item-post-lot-area"> 
    <label for="s_lotsize"> 
    <?php _e('Lot Area', 'ctg_housing'); ?> 
    </label> 
    <div class="row collapse prefix-radius"> 
    <div class="item-post-area-sign columns"> 
     <span class="prefix"><?php echo osc_get_preference('metric','ctg_housing_theme'); ?></span> 
    </div> 
    <div class="item-post-area-number columns"> 
     <input type="number" name="s_lotsize" id="s_lotsize" value="<?php if(isset($housingOut['s_lotsize'])) { echo $housingOut['s_lotsize'];} ?>" > 
    </div> 
    </div> 
</div> 

ce que j'essaie!

item-post-lot-area champ sera tout le temps montrer lors du chargement de la page! Et se cacheront lorsqu'ils sont sélectionnés les éléments suivants parentCatId et catId

<option value="28">Vacation</option> 
    <select id="catId" name="catId" class="valid"> 
    <option value="28">Select Subcategory</option> 
    <option value="29">Pension House</option> 
    <option value="30">Inn/Motel</option> 
    <option value="31">Hotel &amp; Resort</option> 
</option> 
    </select> 
    <select id="catId" name="catId" class="valid"> 
    <option value="32">Select Subcategory</option> 
    <option value="33">Space</option> 
    <option value="34">Office</option> 
    <option value="35">BPO</option> 
    <option value="36">Economic</option> 
    </select> 

Quelqu'un peut-il me expliquer comment faire cela?

Merci

Answer 1

Vous pouvez afficher ou masquer à l'aide Jquery,

<script> 
$("select") 
    .change(function() { 
    $("select option:selected").each(function() { 
    $("#item-post-lot-area").hide(); 
    }); 

    }) 
</script> 

vérifier le lien pour en savoir plus https://api.jquery.com/selected-selector/