Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
Pages : 1
#1 Re : HTML, xHTML CSS » Rendre un Div collapsible avec cookies » 10-02-2018 14:52:34
Le forum est désert ???????
#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="inner">
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dd style="width:100%; text-align:center;">
<a href="#" class="ra-cat-toggle">▼ {L_LIST_CAT} ▲</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} {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 :
"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">▼ {L_LIST_CAT} ▲</a> la bloc se ferme ou s'ouvre, malheureusement ça ne garde pas en mémoire, auriez vous une piste ?
cordialement merci 
Pages : 1