Script fonction recherche et display:none

[VlNCENT]

Bonjour à chacune et chacun,

J’ai ce script qui fait fonction de recherche par date dans la page en cour.

<script>
$(document).ready(function(){
  $("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myDIV div").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
</script>

Les infos de cette recherche sont en display:none à l’ouverture de la page.

<div class="container mt-5"><input id="myInput" type="text" placeholder="Search..">
<div id="myDIV" class="mt-3">
<div class="text-center mb-2 lip" style="display:none"><a href="<?php echo $newsExtlink; ?>" class="clearfix list-group-item list-group-item-action" target="_blank"><span class="float-left mr-2"><?php echo $newsAuteur; ?></span><h5><?php echo $newsTitre; ?></h5><span class="float-right ml-2"> <?php echo $newsDate2; ?></span></a></div></div></div>

Dès que la recherche est effectuée celle-ci affiche bien les info qui sont en display:none.
Si je cherche les info 2004, toute les infos de cette année apparaissaient, si je demande les info d’un mois en particulier juste ceux-là apparaissaient, le restant revenant en display:none.
Par contre dès que je remet le champs de l’imput à zéro (vide) toute les infos de toutes les années apparaissaient.
J’aimerais qu’ils disparaissent afin que ma page redevienne comme à l’ouverture.

Et si possible, j’ai une div juste en dessous de cette fonction de recherche (elle affiche le dernier mois, le mois en cour.).

<div id="load1" class="container mt-5"></div>
<script>$( "#load1" ).load( "index_news_liste.php #rdv_onload" );</script>

J’aimerai qu’elle disparaisse quand une recherche est effectuée et réapparaisse quand le champ de l’imput est vide.

Merci à toutes et tous
Vincent

[kernel-panik]

Salut VINCENT 😀,

J'apporte une réponse tardivement ... en espérant que cela aide quelqu'un.

il s'agit de ma première réponse sur ce forum. Je n'ai pas testé, mais pourrais-tu essayer ceci STP :

$(document).ready(function(){
  $("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#load1").toggle(!value);
    
    $("#myDIV div").filter(function() {
      $(this).toggle(!!value && $(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});

Bonne soirée