Discussion :

[vbaguet]

Bonjour à tous,

Alors voilà j'utilise slideToggle() pour afficher un div lors du clic sur un titre.
Tout fonctionne sans problème mis à part que lorsque j'insère la base <p> dans le content du div, le slide fonctionne mais il remonte légèrement à la fin :
Voir ici

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
$(document).ready(function() {
 
	$('section.tabs> div').hide();  
	$('section.tabs> h3').click(function() {
 
		var $nextDiv = $(this).next();
		var $visibleSiblings = $nextDiv.siblings('div:visible');
 
		if ($visibleSiblings.length ) {
 
			$visibleSiblings.slideUp('500', function() {
 
				$nextDiv.slideToggle('500');
 
			});
 
		}
		else {
			$nextDiv.slideToggle('500');
		}
	});
 
});

Quel est le problème selon vous ?

[vbaguet]

Juste un problème de conflit entre padding et margin...