Criei um menu para as `sections` que criei. Fora das `sections` criei um `form` para filtrar pelo nome e data em todas as `sections`. Código: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> <script> $(function() { $(".btn-show").click(function(e) { e.preventDefault(); el = $(this).data('element'); $("section > div:not("+el+"):visible").hide(); $(el).show(); }); </script> <!-- language: lang-html --> <!DOCTYPE html> <html> <head> <title></title> <script src="https://code.jquery.com/jquery-1.9.1.min.js" integrity="sha256-wS9gmOZBqsqWxgIVgA8Y9WcQOa7PgSIX+rPA0VL2rbQ=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> </head> <body> <div class="wrapper"> <nav class="vertical"> <ul class="men clearfix1"> <li><a href="#Tarefas Diárias">Tarefas Diárias</a> </li> <li><a href="#Tarefas Semanais">Tarefas Semanais</a> <!-- Nível 1 --> <!-- submenu --> <ul class="sub-men clearfix1"> <li><a href="#s1" class="btn-show" data-element="#minhaDiv">Gerais Quartos Ala A</a></li> <li><a href="#s2" class="btn-show" data-element="#minhaDiv1">Gerais Quartos Ala B</a></li> <li><a href="#s3" class="btn-show" data-element="#minhaDiv2">Esplanada/Cabeleireiro</a></li> <li><a href="#s4" class="btn-show" data-element="#minhaDiv3">Hig. Ind. Copa</a></li> <li><a href="#s5" class="btn-show" data-element="#minhaDiv4">Gab. Enf/Méd/Admin (Sábado)</a></li> <li><a href="#s6" class="btn-show" data-element="#minhaDiv5">Gab. Enf/Méd/Admin (Domingo)</a></li> </ul><!-- submenu --> </li> <li><a href="#Tarefas Mensais">Tarefas Mensais</a></li> <li><a href="#Tarefas Trimestrais">Tarefas Trimestrais</a></li> </ul> </nav> </div> <div id="teste1" name="teste1" class="modal-body" style="float: left; margin-top: 10em;"> <form action="" method="post"> <div class="col-md-2 col-xs-2"> <div class="form-group"> <h6><label for="Colaborador-text" class="col-form-label">Colaborador</label></h6> <div style="clear:both;"></div> <h6><select style="width:150px" name="pesquisar_colaborador"> <option></option> <?php $sql = "SELECT Funcionario FROM centrodb.InfoLuvas WHERE Ativo = '1' AND Funcao = 'Limpeza' AND Valencia = 'LAR'"; $qr = mysqli_query($conn, $sql); while($ln = mysqli_fetch_assoc($qr)){ echo '<option value="'.$ln['Funcionario'].'">'.$ln['Funcionario'].'</option>'; } ?> </select></h6> </div> </div> <div style="clear:both;"></div> <div class="col-md-2 col-xs-2"> <div class="form-group"> <h6><label for="Inicio-name" class="col-form-label">Inicio</label></h6> <div style="clear:both;"></div> <h6><input type="Date" id="inicio" name="inicio" value="<?php echo date("Y-m-d");?>"></h6> </div> </div> <div style="clear:both;"></div> <div class="col-md-2 col-xs-2"> <div class="form-group"> <h6><label for="Fim-name" class="col-form-label">Fim</label></h6> <div style="clear:both;"></div> <h6><input type="Date" id="fim" name="fim" value="<?php echo date("Y-m-d");?>"></h6> </div> </div> <div style="clear:both;"></div> <div class="modal-footer"> <button class="btn btn-success" id="teste2" name="teste2" type="submit">Consultar</button> </div> </form> </div> <?php date_default_timezone_set('Europe/Lisbon'); if(isset($_POST['pesquisar_colaborador']) && isset($_POST['inicio']) && isset($_POST['fim'])){ $pesquisar1 = $_POST['pesquisar_colaborador']; $inicio = $_POST['inicio']; $fim = $_POST['fim']; ?> <section id="s1"> <div class="wrapper" id="minhaDiv" style="display:none" > <?php $result_cursos = "SELECT * FROM centrodb.RegistolimpALAA WHERE Colaborador LIKE '%$pesquisar1%' AND `data` BETWEEN '$inicio' AND '$fim' ORDER BY dataregisto DESC"; $resultado_cursos = mysqli_query($conn, $result_cursos); $tabela .= '<div class="teste" id="tabela41" style="float: center" table align="center"><form class="form-validate" action="" method="post"> <div class="campo"> <h1> <legend> <center> <strong>Consulta Tarefas Semanais Limpeza</strong> </center> </h1><br> </div> </form> '; $tabela .= '<table border="5"><h4> <legend> <center> <strong>Móveis Arrastados e Rodapés dos Roupeiros (3ª feira) ALA A</strong> </center> </h4><br>'; $tabela .= '<tr>'; $tabela .='<thead>'; $tabela .= '<tr>'; $tabela .= '<th>Data Registo</th>'; $tabela .= '<th>Data da Tarefa</th>'; $tabela .= '<th>Colaborador</th>'; $tabela .= '<th>Observação</th>'; $tabela .= '</tr>'; $tabela .='</thead>'; $tabela .='<tbody>'; while($rows_cursos = mysqli_fetch_array($resultado_cursos)) { $tabela .= '<tr>'; $tabela .= '<td style="width:30px;">'.$rows_cursos['dataregisto'].'</td>'; $tabela .= '<td style="width:30px;">'.$rows_cursos['data'].'</td>'; $tabela .= '<td style="width:200px;">'.$rows_cursos['Colaborador'].'</td>'; $tabela .= '<td style="width:200px;">'.$rows_cursos['Observacao'].'</td>'; $tabela .= '</tr>'; } $tabela .= '</tr>'; $tabela .='</tbody>'; $tabela .= '</table>'; $tabela .= '</div>'; echo $tabela; echo "<button class='btn btn-info' onclick='printElem(\"tabela41\")'>Imprimir</button>"; ?> </div> </section> <?php } ?> <!-- end snippet --> Funciona mas queria melhorar dois aspetos. Primeiro quando faço o filtro por data devia abrir a primeira `section` ao clicar no botão `consultar`. O segundo aspeto é se fizer novo filtro manter a `section` que se encontra aberta no momento.