0

Conforme essa pergunta que fiz anteriormente e foi resolvida tenho uma outra questão que acontece depois disso.

$(".membrosClick").click(function() {
  var el = $(this);
  el.css("width", "766px");
  el.children().show();
});

$(".membrosFechar").click(function() {
  $(".listagemEsc").hide();
});
<li class="membrosClick">
  <div name="Listagem de Membros" style="background-image: url('./imagens/EDGAR-GUERRA.png'); width:383px; height:849px">
    <div class="editable subir">
      <h2>Edgar</h2>
      <h3>Guerra</h3>	
      <div class="bandaBarra bandaBarraBranca margin-left-65 margin-top-10 barraNone"></div>
    </div>

  </div>
  <div class="listagemEsc p-relative">
    <div class="membrosFechar"></div>
    <span>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. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.</span>
  </div>
</li>
<li class="membrosClick">
  <div name="Listagem de Membros" style="background-image: url('./imagens/ANTONIO-GUERRA.png'); width:383px; height:849px">
    <div class="editable subir">
      <h2>Antônio</h2>
      <h3>Guerra</h3>	
      <div class="bandaBarra bandaBarraBranca margin-left-65 margin-top-10 barraNone"></div>
    </div>

  </div>
  <div class="listagemEsc p-relative">
    <div class="membrosFechar"></div>
    <span>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. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.</span>
  </div>
</li>

Quando eu clico em membrosClick ele deixa a div com 766px. Com isso a div listagemDesc aparece. Isso está funcionando perfeitamente. Porém, existe uma div dentro chamada membrosFechar, que é um X que eu fiz para quando o usuário clicar, a div listagemDesc ficar com display:hide e acho que o ideal também é a div membrosClick ficar com 383px, que é o seu tamanho original antes do clique. Não estou conseguindo fazer isso.


UPDATE

Consegui resolver, era só incluir o event.stopPropagation(); conforme respondido no SOen.

2
  • Cara, olha sempre o console de erros do browser, ele sempre vai te mostrar onde o erro está acontecendo.
    – llanfair
    13/03/2015 às 0:10
  • Cara, cria a resposta para o teu problema e marca ela como certa, assim facilita quando, no futuro, alguém tiver o mesmo problema. 13/03/2015 às 18:40

1 Resposta 1

1
$('.listagemEsc').click(function(){
    $(this).parent('.membrosClick').width(383);
});

Atualizado:

$('.membrosFechar').click(function(){
    $(this).parent().parent('.membrosClick').width(383);
});

Atualizado:

$('.membrosFechar').on('click', function(){
    $(this).parent().parent().css('width', '383px');
});

Se não funcionar desisto rsrs

$('.membrosFechar').on('click', function(){
    $(this).parent().parent().css('width', '383px');
    $(this).parent().hide();
});
8
  • Não funcionou, tinha tentado isso antes, olha aqui musicalabertura.com.br/site em INTEGRANTES, quando você clica em um ele abre uma descrição do lado com a opção de fechar, era isso que eu queria. 12/03/2015 às 21:34
  • ainda não funcionou amigo. 12/03/2015 às 21:45
  • 1
    Eu vi que ao clicar para abrir a caixa com o texto funciona, mas depois de alguns segundos seu console fica cheio de notificações com erros, talvez esses erros possam estar lhe atrapalhando. 12/03/2015 às 21:54
  • na verdade aqueles erros são referente a um plugin pra Youtube, que à princípio não interfere nisso, se não já daria erro antes de abrir a descrição 12/03/2015 às 21:58
  • que estranho cara, a sua sintaxe parece estar perfeitamente correta, todavia não surte efeito no site. 12/03/2015 às 22:06

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 .