PHP|Débutant :: Forums

Advertisement

Besoin d'aide ? N'hésitez pas, mais respectez les règles

Vous n'êtes pas identifié(e).

#2 HTML, xHTML CSS » Rendre un Div collapsible avec cookies » 10-02-2018 14:52:34

FranckTH
Réponses : 1

Bonjour,
je cherche à rendre mon bloc intégré dans un <div> collapsible avec la possibilité pour l'utilisateur de garder en mémoire via un cookie la position pliée ou dépliée

Actuellement voici mon bloc

<div class="forabg">
  <div class="inner">
    <ul class="topiclist">
      <li class="header">
        <dl class="icon">
          <dd style="width:100%; text-align:center;">
            <a href="#" class="ra-cat-toggle">&#9660; {L_LIST_CAT} &#9650;</a>
          </dd>
        </dl>
      </li>
    </ul>

    <div id="cat" class="hidden bg3" style="width: auto; height: auto;">
      <table width="100%" cellspacing="0">
        <tbody>
          <!-- BEGIN arcadecatrow -->
          <tr>
            <!-- BEGIN arcadecatcol -->
            <td style="width:{RA_W_COL}%">
              <table style="width:50%; margin: 5px auto;">
                        <tbody>
                        <tr>
                           <td>{arcadecatrow.arcadecatcol.ARCADE_CAT_PIC}</td>
                           <td style="text-align: center; vertical-align: middle;">
                              {arcadecatrow.arcadecatcol.CAT}&nbsp;{arcadecatrow.arcadecatcol.NB_GAMES}{arcadecatrow.arcadecatcol.CAT_CLASS}
                           </td>
                        </tr>
                        </tbody>
                     </table>
            </td>
            <!-- END arcadecatcol -->
          </tr>
          <!-- END arcadecatrow -->
        </tbody>
      </table>

    </div>

et dans mon code js :

jQuery(function($) {
  "use strict";
  var $cat = $('#cat');
  var isAnimating = false;
  $('.ra-cat-toggle').click(function() {
    if (!isAnimating) {
      isAnimating = true;
      $cat.slideToggle(function() {
        isAnimating = false;
      });
    }
    return false;
  });
});
 

donc quand je cliques sur le lien <a href="#" class="ra-cat-toggle">&#9660; {L_LIST_CAT} &#9650;</a> la bloc se ferme ou s'ouvre, malheureusement ça ne garde pas en mémoire, auriez vous une piste ?

cordialement merci wink

Pied de page des forums

Propulsé par FluxBB