Ir para conteúdo

POWERED BY:

Arquivado

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

Fogomax

Fazer uma div aparecer

Recommended Posts

Eu fiz uma lista, e quero que quando eu passar o mouse e uma div, uma propriedade css dela mude.

Eu consegui usando o seguinte código:

$(document).ready(function() {
    $('.botoes').hover(
	function () {
		$(this).css('background', 'red');
	},
	function () {
		$(this).css('background', 'gree');
	}
	);
});

 

Porque eu tenho varias divs, e quando passar o mouse, mudar só nessa.

Mas como eu faço, para que quando eu passar o mouse em cima de uma div, fazer mudar uma propriedade css mudar de outra div?

Exemplo:

<div class="tudo">
    <div class="oi">Oi</div>
    <div class="aqui"></div>
</div>

<div class="tudo">
    <div class="oi">Oi</div>
    <div class="aqui"></div>
</div>

<div class="tudo">
    <div class="oi">Oi</div>
    <div class="aqui"></div>
</div>

 

Eu quero que quando eu passar o mouse em alguma div com a classe oi, altere uma propriedade na classe aqui.

Um exemplo prático:

exemplocr.png

A div verde, é a que encobre tudo. Eu quero que quando eu passar o mouse na div laranja, a div outra_cor (não sei o nome dessa cor) apareça. Mas sem que as divs outra_cor das outras divs verde apareçam, mas só consigo fazer mudar as propriedades da div que eu passar o mouse.

Mais uma informação:

A div da cor estranha, esta "dentro" da div laranja, que é uma imagem (position:absolute;).

Se alguém puder me ajudar, eu agradeço :lol:

Compartilhar este post


Link para o post
Compartilhar em outros sites

cara ta confusa sua dúvida vc quer mudar a cor da div interna ou de todas divs internas? Ou ainda não é isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

cara ta confusa sua dúvida vc quer mudar a cor da div interna ou de todas divs internas? Ou ainda não é isso?

Eu quero mudar só de uma, se eu passar o mouse na div laranja, fazer a div da outra cor aparecer, mas só a da div verde aparecer.

É como usar a função this, mas o this vai para outra div.

Compartilhar este post


Link para o post
Compartilhar em outros sites

então this não é uma função é uma referencia do objeto, vc quer mudar a cor de uma div que está interna mas não respectivamente a clicada certo?. porque não usa id já que é específica porém externa a div clicada

Compartilhar este post


Link para o post
Compartilhar em outros sites

então this não é uma função é uma referencia do objeto, vc quer mudar a cor de uma div que está interna mas não respectivamente a clicada certo?. porque não usa id já que é específica porém externa a div clicada

Não entendi o que você quis dizer você pode me dar um exemplo?

Compartilhar este post


Link para o post
Compartilhar em outros sites

assim, amigo:

$(document).ready(function() {
    $('.oi').hover(
	function () {
		$(this).next('.aqui').css('background', 'red');
	},
	function () {
		$(this).next('.aqui').css('background', 'gree');
	}
	);
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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