Condition sur slideDown()

Version imprimable

Bonjour,

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

Code:

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:

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.

21/06/2016, 23h07
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:

if ("block" === $('#push').css("display")) {
22/06/2016, 08h59
SpaceFrog

Code:

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

Condition sur slideDown

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

Code:

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");                 
        }
 
 
  });
});

23/06/2016, 12h39
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 :aie:

Condition sur slideDown

Finalement j'ai fini par faire:

Code:

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

23/06/2016, 20h30
Invité

Voir : slideToggle() ;)