Factorisation du code jQuery
Bonjour,
je suis plutôt novice en Jquery, j'arrive à sélectionner des class et à leur donner quelque chose à faire ( ici cacher/montrer un lien et cacher/montrer du texte )
Seulement j'ai plusieurs liens et textes qui font la même chose. Je sais qu'on peut les selectionner en appelant la div au dessus et derriere chopper le selecteur cliqué via $this. Mais je n'y arrive pas, je pense que mon demarrage est mauvais.
Si quelqu'un pouvait m'aiguiller ce serait super !
Voila mon code :
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
| $('.146texte').hide();$('.146lien').hide();$('.152texte').hide();$('.152lien').hide();
$('a.146').click(function() {
$('.146texte').slideToggle(400);
$('.146lien').slideToggle(400);
$('a.146').hide();
return false;
});
$('.146lien').click(function() {
$('.146texte').slideToggle(400);
$('.146lien').hide();
$('a.146').slideToggle(400);
return false;
});
$('a.152').click(function() {
$('.152texte').slideToggle(400);
$('.152lien').slideToggle(400);
$('a.152').hide();
return false;
});
$('.152lien').click(function() {
$('.152texte').slideToggle(400);
$('.152lien').hide();
$('a.152').slideToggle(400);
return false;
}); |
et mon html
Code:
<div class="entry">'.$chaine1.'</div><div class="'.$id.'texte" style="display:none;"><p class="groupetexte">'.$chaine2.'</p></div>
Code:
<span class="readmore"><a class="<?php echo $page->ID ;?>" name="lire" href="#" ><?php echo __('LIRE LA SUITE <span class="rouge"><b>+</b></span>');?></a><a class="<?php echo $page->ID ;?>lien" href="#" ><?php echo __('FERMER');?></a></span> <div class="clr"></div>
