How to show and hide multiple drop downs and buttons using single button

Question

   <div class="content">
   <div class="row" style="margin-top: 27px;">
 

      <div class="col-sm-2" style="width: 13%;">
          <select id = "app" class="form_input_box">
              <option value="" selected="selected">App</option>
          </select>                               
      </div>      
      <div class="col-sm-2" style="margin-left: -25px;width: 11%;">
          <select id = "app or not" class="form_input_box">
              <option value="" selected="selected" hidden>App Type</option>
              <option value="" selected>App Type</option>
              <option value="1">App</option>
              <option value="2">Not a App</option>
          </select>                               
      </div>
     
      
      <div class="col-sm-2" style="margin-left: -25px;">
          <select id = "dept" class="form_input_box">
              <option value="" selected="selected">Department</option>
          </select>                               
      </div>

      <div class="col-sm-1" style="margin-left: -25px;width: 12%;">
          <input type="text" name="date_box" id="date_box" class="form_input_box filter_date" Placeholder="Created Date">   
      </div>

      <div class="col-sm-2" style="margin-left: -25px;width: 11%;">
          <input type="text" name="search" id="search" class="form_input_box" Placeholder="Search"> 
      </div>

      <div class="col-sm-1" style="margin-left: -25px;">
          <button id="erase" class="form-control btn btn-primary" name="erase">Clear values</button>
      </div>

       <div class="row">
           <div class="col-sm-1">
               <input type="month" id="month" name="month" class="form_input_box" placeholder="Month">
           </div>
           <div class="col-sm-2" style="right: 30px">
               <button type="button" name="report" id="file" class="button">Report file</button>
           </div>
       </div>

  </div>
</div>

i have html page with buttons drop downs like above i need to set a single button when i click on the button it will show all these things if i again click then these need to be hided how can i achieve this.

Answer 1

To solve the problem simply you could use javascript or jquery and hide or show the options based on the selected values...

$('idoption').hide();

$('idoption').show();