Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Wellington09

[Resolvido] Abrir div com click IE

Por , em Javascript

Recommended Posts

Wellington09    1

Wellington09
Postado

Pessoal eu tenho uma tag <b> que ao clicar nela ela abre a tag <div> está funcionando no firefox,chrome,safari,opera,IE9, mas no IE8 e IE7 a pergunta numero 1 vem fechada e as demais vem abertas e eu quero que elas apareçam fechadas e só abram quando eu clicar na tag <b> o que estou fazendo de errado ?

 

jQuery

var $j = jQuery.noConflict();
$j(document).ready(function(){

	$j(".box #resposta").hide();
	$j("div #pergunta").click(function(){
		$j(this).next("#resposta").slideToggle("fast");
	})

})

HTML

<div class="box">
  <div>
    <b id="pergunta">PERGUNTA 01<span class="pergunta"></span></b>
    <div id="resposta">RESPOSTA 01</div>
  </div>
  <div>
    <b id="pergunta">PERGUNTA 02<span class="pergunta"></span></b>
    <div id="resposta">RESPOSTA 02</div>
  </div>
  <div>
    <b id="pergunta">PERGUNTA 03<span class="pergunta"></span></b>
    <div id="resposta">RESPOSTA 03</div>
  </div>
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não duplique IDs.

 

id deve ser um identificador unico num documento.

use class

<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function(){
	$j(".box .resposta").hide();
	$j('.pergunta').click(function(){
		$j(this).next('.resposta').slideToggle('fast');
	});
});
</script>
</head>
<body>
	<div class="box">
		<p class="pergunta">PERGUNTA 01<span class="pergunta"></span></p>
		<div class="resposta">RESPOSTA 01</div>

		<p class="pergunta">PERGUNTA 02<span class="pergunta"></span></p>
		<div class="resposta">RESPOSTA 02</div>

		<p class="pergunta">PERGUNTA 03<span class="pergunta"></span></p>
		<div class="resposta">RESPOSTA 03</div>
	</div><!-- /box -->
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito