0

Tenho o seguinte html:

<div id="personalizada">
    <i class="fa fa-plus" aria-hidden="true"></i>
</div>
<div class="balao"></div>

Gostaria de quando eu clicar em id="personalizada" a opacidade de id="balao" mude para 1.

1 Resposta 1

2

Seria isso?

function mudaOpacidade() {
  document.getElementsByClassName("balao")[0].style.opacity=1;
}
.balao {
  height: 120px;
  width: 120px;
  background-color: #0f0;
  opacity: 0;
}
<div id="personalizada" onclick="mudaOpacidade()">
  Cliqyaqui
  <i class="fa fa-plus" aria-hidden="true"></i>
</div>
<div class="balao"></div>

Com jquery seria:

$("#personalizada").on("click",function(){
$(".balao").css("opacity",1);
});
.balao {
  height: 120px;
  width: 120px;
  background-color: #0f0;
  opacity: 0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="personalizada">
  Clique aqui
  <i class="fa fa-plus" aria-hidden="true"></i>
</div>
<div class="balao"></div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .