Yii2 - notatki

Narzędzia użytkownika

Narzędzia witryny

Ślad:
jquery

Różnice

Różnice między wybraną wersją a wersją aktualną.

Odnośnik do tego porównania

Poprzednia rewizja po obu stronachPoprzednia wersja
Nowa wersja		Poprzednia wersja
jquery [2022/11/26 19:36] – zbychjquery [2024/09/15 16:22] (aktualna) – edycja zewnętrzna 127.0.0.1
Linia 60: Linia 60:
 JS JS
 ); );
 +</code>
 +
 +===== Zapamiętanie i odtworzenie stanu collapse card =====
 +<code>
 +<div class="card">
 +  <div class="card-header nag" id="coll_1">
 +   <span class="ico"><i class="fas fa-chevron-down"></i></span>...
 +  </div>
 +  <div class="card-body bod">
 +  ...
 +  </div>
 +</div>
 +
 +
 +$('.bod').hide();
 +idc = window.localStorage.getItem('coll');
 +$('#'+ idc).next().show();
 +$('.nag').on('click', function () {
 +    id = this.id;  
 +    cont = $(this).next();
 +    cont.toggle();
 +    if (!cont.is(':hidden')) {
 +        $(this).find('.ico').html('<i class="fas fa-chevron-up"></i>');
 +        window.localStorage.setItem('coll',id);  
 +    } else {
 +        $(this).find('.ico').html('<i class="fas fa-chevron-down"></i>');
 +        window.localStorage.setItem('coll',''); 
 +    }
 +}
 + 
 </code> </code>
  
jquery.1669487795.txt.gz · ostatnio zmienione: 2024/09/15 16:22 (edycja zewnętrzna)