Discussion :

[barale61]

Bonjour,

Je souhaite faire un slideDown de mon formulaire si un lien est affiché comme ceci:

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
if ($('#push').css.display("block")){
 
    $( "#push" ).click(function() {
        $( this ).css({
        cursor: "pointer"
    });
    $( "form" ).slideDown( 1000, function() {
        $( this )
        .focus();
        $( "#push" ).hide();                     
 
    }
        else{
            alert("Ok");                 
        }
 
 
  });
});

cela fonctionne sans condition:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
    $( "#push" ).click(function() {
        $( this ).css({
        cursor: "pointer"
    });
    $( "form" ).slideDown( 1000, function() {
        $( this )
        .focus();
        $( "#push" ).hide();                     
 
  });
});

Je vous remercie de votre aide.

[mathieu]

je ne suis pas sur d'avoir compris ce que vous souhaitez tester dans le if
si par exemple vous voulez tester la valeur d'une propriété CSS, essayez plutot cela :

Code :

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

if ("block" === $('#push').css("display")) {

[SpaceFrog]

Code :

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

$( "#push" ).filter( function(){ return $(this).css('display')=="block"; }).on('click'; fcuntion(){ ...

[barale61]

J'essaie de cette façon, mais cela ne marche pas:

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
if ("block" === $("#push").css("display")) {
 
    $( "#push" ).click(function() {
        $( this ).css({
        cursor: "pointer"
    });
    $( "form" ).slideDown( 1000, function() {
        $( this )
        .focus();
        $( "#push" ).hide();                     
 
    }
        else{
            alert("Ok");                 
        }
 
 
  });
});

[Invité]

Bonjour,

1/ avec une indentation correcte, tu comprendrais pourquoi.

2/ La condition ne sert à rien : si le bouton est masqué, on ne risque pas de cliquer dessus

[barale61]

Finalement j'ai fini par faire:

Code :

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

1
2
3
4
5
6
7
$( "#push" ).click(function () {
  if ( $( form ).is( ":hidden" ) ) {
    $( "form" ).slideDown( "slow" );
  } else {
    $( "form" ).slideUp("slow");
  }
});

[Invité]

Voir : slideToggle()