Bonjour à toutes et tous,
Dans la liste ci-dessous j’aimerais que chaque ligne s’affiche en fonction d’une année et reste de manière indéfinie.
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 <div class="col-lg-2 pt-5"><h2>Archives</h2>                          
  <ul id="archive" class="list-group list-group-horizontal mx-auto">
  <li class="list-group-item list-group-item-action list-group-item-light 2022"><a href="#" class="">2022</a></li>
  <li class="list-group-item list-group-item-action list-group-item-light 2021"><a href="#" class="">2021</a></li>
  <li class="list-group-item list-group-item-action list-group-item-light 2020"><a href="#" class="">2020</a></li>
  <li class="list-group-item list-group-item-action list-group-item-light 2019"><a href="#" class="">2019</a></li>
  </ul></div>

J’utilise le script ci dessous que j’ai glaner sur le net, il fonctionne bien et en même temps il me semble qu’il y à moyen de le rendre plus simple. D’éviter aussi certaine répétition de ce code ( il y aura une vingtaines lignes).
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<script>
$(function() {
  var current = new Date("2023");
  var expiry = new Date()
  if (current.getTime() > expiry.getTime()) {
    $().hide();
  } else if (current.getTime() < expiry.getTime()) {
    $('.2022').show();
  }
    var current = new Date("2022");
  var expiry = new Date()
  if (current.getTime() > expiry.getTime()) {
    $().hide();
  } else if (current.getTime() < expiry.getTime()) {
    $('.2021').show();
  }
    var current = new Date("2021");
  var expiry = new Date()
  if (current.getTime() > expiry.getTime()) {
    $().hide();
  } else if (current.getTime() < expiry.getTime()) {
    $('.2020').show();
  }
   var current = new Date("2020");
  var expiry = new Date()
  if (current.getTime() > expiry.getTime()) {
    $().hide();
  } else if (current.getTime() < expiry.getTime()) {
    $('.2019').show();
  }
  }, 0);
</script>
Page démo :https://sumto.be/archives_presse/date_test.html

Merci et belle journée à toutes et tous.
Vincent