jul72009
Tutorial JQuery - Usando Fade Slider Toggle Plugin
Primeiro temos que ter o Jquery e do plugin no código (Arquivo JQuery e plugin inclusos no download).
<script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery.fadeSliderToggle.js" type="text/javascript"></script>
O segundo passo é fazer o código jquery para acionarmos o plugin, não vou entrar em detalhes pois já comentei o código.
$(document).ready(function() {
$(".fadeNext").click(function(){ //Aciona função ao clicar
$(this).next().fadeSliderToggle() //Chama função do fadSliderToggle
return false;
})
});
</script>
Html:
<a href="#" class="fadeNext">Clique para visualizar!</a> <div class="fader"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p> </div>
E é isto nosso código está pronto!
que ***** no ie não?
Amigo, verifique se você está chamando o arquivo de configuração JQuery em seu documento.
Apenas quero avisar que o toggle não está a funcionar no Internet Explorer.
- No periodo de tempo que a função toggle acontece, é feito automaticamente efeito fadeout / fadein.
Portanto acabamos apenas per ver o conteudo escondido por breves segundos.
Existe solução para este problema?
Existe uma solução. Destruir de vez o IE. Aquela miséria anda sempre um passo atrás de outros browsers.
@duderino
Infelizmente não é todo mundo que pensa assim e ainda usa ie.. o ie6 não é mais usado para se desenvolver mas o 7 e 8 sim e ainda temos que nos preocupar com ele.
valeu.