#DESCRIPTIF toujours affiché malgré le script HIDE

Bonjour,

Pour l’affichage en accordéon d’un flux RSS sur mon site, je crée une boucle simple permettant de récupérer le contenu d’un flux RSS de la facon suivante :

<dl class="accordion">
<BOUCLE_rss(SYNDIC_ARTICLES){id_syndic=1}{par date}{inverse} {0,6}>
    <dt>
    <a href="#URL_ARTICLE"[ title="(#TITRE|attribut_html|couper{80})"]><strong>#TITRE</strong></a>
    <p>[(#DESCRIPTIF|couper{80})]</p>
   <div class="desc">[(#DESCRIPTIF)]</div>
   <a class="linkmore_rss" href="#URL_ARTICLE"[ title="(#TITRE|attribut_html|couper{80})"]>> Lire la suite</a>
</dt>
</BOUCLE_rss>
</dl>

Ensuite je souhaite afficher ce flux RSS sous forme d’accordéon et pour cela j’utilise un javascript qui va permettre de cacher la div "desc" :
$('.accordion > dt > div').hide();

Le problème c’est que ce script ne marche pas, il fonctionne que si j’affiche le #DESCRIPTIF en texte brut(#DESCRIPTIF|textebrut). Pas moyen de cacher cette div "desc" avec le style, les tags, les sauts de ligne, etc...

Avez vous une idée ? Comment je peux cacher ce descriptif en javascript ?