Template Smarty, jQuery et slideToggle
Bonjour,
J'ai du mal à faire fonctionner mon slidetoggle sur mon site. Voilà ce que j'essaie de faire : Un menu sur la gauche de mon index.tpl ouvre une page dans une div.
Une fois ouverte, je voudrai avoir sur cette page un slidetoggle sur des articles (titre + texte). J'ai tester le code suivant dans une page html toute simple, et il fonctionne :
Code:
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
33
34
| <script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".toggle_container").hide();
$("h2.trigger").toggle(function(){
$(this).addClass("active");
}, function () {
$(this).removeClass("active");
});
$("h2.trigger").click(function(){
$(this).next(".toggle_container").slideToggle("slow,");
});
});
</script>
...
...
<div class="container">
<h2 class="trigger"><a href="#">Web Design & Development</a></h2>
<div class="toggle_container">
<div class="block">
<h3>Need a Website?</h3>
<img src="thumbnail.gif" alt="" />
<p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter diam neque antehabeo blandit, jumentum transverbero luptatum. Lenis vel diam praemitto molior facilisi facilisi suscipere abico, ludus, at. Wisi suscipere nisl ad capto comis esse, autem genitus. Feugiat immitto ullamcorper hos luptatum gilvus eum. Delenit patria nunc os pneum acsi nulla magna singularis proprius autem exerci accumsan. </p>
<p>Praesent duis vel similis usitas camur, nostrud eros opes verto epulae feugiat ad. Suscipit modo magna letalis amet et tego accumsan facilisi, meus. Vindico luptatum blandit ulciscor mos caecus praesent sed meus velit si quis lobortis praemitto, uxor. </p>
</div>
</div>
</div> |
Le hic c'est que ce même code ne fonctionne pas dans mon .tpl (moteur smarty). J'ai déjà essayé d'ajouter {literal}script{/literal} mais rien n'y change.
Auriez-vous une idée svp ?
