Bonjour,

je créé une présentation en html (5) et css(3) et jquery
d'un futur logiciel

premiere question: j'utilise l'effets .animate(), juste après j'utilise l'evenement .text() avec un .delay() situé juste avant, seulement le delay n'est pas pris en compte

pourquoi ?
la dernière ligne s'effectue au même moment que le click sans tenir compte du delay ,alors que le delay de l'animation est bien réalisé.
voici mon code:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
$('#goto-constitution').click(function(){
$('#validation, #gestion, #edition').fadeOut(700);
$('#constitution').delay(1200).animate({width:'800px'});
$('.lien-goto').delay(3200).text('Sommaire des Outils').css({'font-size':'14px'});
});
deuxieme question:

je souhaite réalisé une suite d'évènement en effectuant une condition:
Si ma div est de largeur 800 ,
je veux que les div 2,3,4 disparaissent
je veux que les div 1,2,3,4 reprenne une largeur de 188px
je veux que les div 2,3,4 adopte une marge par la gauche de 5px
je veux que les div (bloc,1,2,3,4) apparaissent

je n'arrive pas à réaliser une condition en utilisant if et le selector (.is())
(peut en utilisant autre chose que .is() ?) et peut-être n'ai je pas compris l'utilisation de ce selector, un peu d'aide ?

voici mon code:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
var $larg = $('#constitution').width() == 800);
if($('#constitution').is($larg)){
$('.lien-goto').click(function(){
$('#caracteristique,#validation, #gestion, #edition, #constitution').fadeOut(700);
$('#validation, #gestion, #edition, #constitution').css({width:'188px'});
$('#validation, #gestion, #edition').css({marginLeft:'5px'});
$('#caracteristique, #constitution,#validation, #gestion, #edition, ').delay(500).fadeIn(700);
});
}
Pourriez-vous m'aider a réaliser un script qui correspond au code ci-dessus qui ne marche pas ?

par avance je vous remercie pour vos conseils et réponses