[Resolvido] JQuery: objeto ficar visível depois de 20 segund

[adrfaria 0]

Preciso entrar em uma tela e ocultar um controle automaticamente... isso eu já fiz:

 

< script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">< /script>
< script>
$(document).ready(function() {
  $('#options').hide();
});
< /script>

Agora preciso que essa mesma DIV (options) fique visível depois de 20 segundos, por exemplo...

 

Como seria ?

[Lucas Peperaio 20]

Ta na mão

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $('#options').hide(500);
  setTimeout(function(){$("#options").show(500)},20000);
});
</script>

 

Ou assim:

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $('#options').hide(500).delay(20000).show(500);
});
</script>

[adrfaria 0]

Perfeito!

 

Só um detalhe que não é do seu script. Ao adicionar:

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

 

dá o erro:

 

 

Detalhado:

 

 

Esse JS é um arquivo do framework que uso.

[William Bruno 1501]

dá o erro:

 

ai você vai ter que ver quem é o element neste momento.

Vá eliminando as chamadas ao FW, até achar qual que está usando esse trecho.

 

Por um acaso, o teu FW usa o $ de alias também ? (conflito com jQuery?)

[adrfaria 0]

Resolvido assim:

 

< script type='text/javascript' src='{$this->settings['public_dir']}js/3rd_party/jquery.min.js'></script>
< script>
$.noConflict();
       jQuery(document).ready(function()
       {
  jQuery('#tosmessage').hide(0).delay(1000).show(1500);
  jQuery('#tos').hide(2000).delay(10000).show(2000);
});
< /script>

Tks.