delay() et condition if et is()
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:
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:
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
