FadeIn Jquery

[sergi_multimedia]

Hola compañeros, estoy haciendo un proceso de compra don diferentes pasos, y en cada uno de los pasos quiero que el div aparezca de manera FadeIn, pero debo ponerlo mal, porqué no aprecio ningún efecto.

Aquí tengo el código javascript:

Código Javascript:

<script>    
$(document).ready(function(){
   $("#pa").click(function(evento){
   $("#pa-color").css("display", "block");
   $('#pa-color').fadeIn('5000');
});
 
});
</script>
 

Aquí podéis ver en la web lo que trato de hacer, si hacéis click en "Patch Cables" se abre el div.

http://sergibeltran.com/jim3/patch_cables

Un saludo y gracias de antemano.

[marlanga]

$("#pa-color").css("display", "block");
Esa linea te sobra porque el fadeIn lo que precisamente hace es eso, pero poco a poco.

[sergi_multimedia]

Iniciado por marlanga

$("#pa-color").css("display", "block");
Esa linea te sobra porque el fadeIn lo que precisamente hace es eso, pero poco a poco.

Muchas gracias, tienes mucha razón, esa línea me sobraba, ahora funciona correctamente en todos los navegadores, excepto en Firefox, que no hace caso a la función. Pero juraría que antes si que me funcionaba en Firefox, pero es extraño que en resto de navegadores no hay problema.

Este es el código para que al hacer click en "Patch Cables" se abra el nuevo bloque y empiece el proceso de compra.

Código Javascript:

<script>       
$(document).ready(function(){
   
   $("#pa").click(function(evento){
   $('#pa-color').fadeIn('5000');
   $("#pa").css("display", "none");
});
});
</script>
 

Un saludo y gracias ;)

[sergi_multimedia]

Os muestro la parte de HTML, quizás sea más cómodo para vosotros.

Código HTML:

<a id="pa" href="javascript:void(0)">Patch Cables</a>
            
            <div class="bloc-payment" id="pa-color">
                <span class="step">Step 1 - Choose color</span>
                <ul>
                    <li><a href="javascript:void(0)" class="black"><div class="d-black"></div><span class="s-black">Black</span></a></li>
                    <li><a href="javascript:void(0)" class="blue"><div class="d-blue"></div><span class="s-blue">Blue</span></a></li>
                </ul>
            </div>
 

Resumiendo, el enlace de Patch Cables funciona en todos los navegadores menos en Firefox.

un saludo y gracias de antemano.

[marlanga]

Quitale las comillas simples al 5000.