OCULTAR AO CLICAR EM UM COLAPSE

 Tópico anterior Próximo tópico Novo tópico

OCULTAR AO CLICAR EM UM COLAPSE

ASP.NET

 Compartilhe  Compartilhe  Compartilhe
#485712 - 02/12/2018 13:40:07

JORGESALES
CEARA
Cadast. em:Maio/2015


Pessoal, como alguns de vocês já sabem,  
estou dando meus primeiros passos na programação web,
sempre tenho algumas ideias mas não sei como as colocar em prática,
a dúvida da vez é como ocultar uma div da classe colapse ao clicar em outra
para que fique visível apenas a que foi acionada.
Este é o link do código
.
No meu projeto tenho um botão Plano Empresa e o outro é Plano Individual
Preciso que ao clicar em um acione o evento para ocultar o outro.
Desde já agradeço a todos que possam ajudar.

Cursos de Excel e VB6:
cursoexcelvba.com.br




Resposta escolhida #485713 - 02/12/2018 13:47:19

MARIOANDRADE
SANTO ANTONIO DE JESUS
Cadast. em:Abril/2012


Última edição em 02/12/2018 13:48:05 por MARIOANDRADE

Ao clicar no botão o que o código faz é apenas mudar o nome da classe, onde
collapse é oculta e collapse in é visível com isso basta fazer um pequeno
código e chamar ao clicar no botão, veja um exemplo:
function ocultarDiv(){
    var suaDiv = document.getElementById('idSuaDiv');
    suaDiv.className = 'collapse';
}



Cursos de Excel e VB6:
cursoexcelvba.com.br



#485716 - 02/12/2018 15:38:05

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
Um dos frameworks mais comuns para começar a entender melhor a programação web, é o JQuery e seu amigo JQueryUI.
Ele é bastante simples no seu uso e é bastante "próximo" à uma programação mais procedural. Para o seu caso, já existe um componente PRONTO, chamado Accordion. Veja aqui. Também fiz um exemplo pra você

_______________________________________________________________________
Virei Oráculo!
The end is nigh, be ready for the nukes!


#485717 - 02/12/2018 15:44:38

JORGESALES
CEARA
Cadast. em:Maio/2015


Citação:
:
Ao clicar no botão o que o código faz é apenas mudar o nome da classe, onde
collapse é oculta e collapse in é visível com isso basta fazer um pequeno
código e chamar ao clicar no botão, veja um exemplo:
function ocultarDiv(){
    var suaDiv = document.getElementById('idSuaDiv');
    suaDiv.className = 'collapse';
}


Funcionou, era exatamente isso que tinha em mente.


Cursos de Excel e VB6:
cursoexcelvba.com.br




#485718 - 02/12/2018 15:49:44

JORGESALES
CEARA
Cadast. em:Maio/2015


Citação:
:
Um dos frameworks mais comuns para começar a entender melhor a programação web, é o JQuery e seu amigo JQueryUI.
Ele é bastante simples no seu uso e é bastante "próximo" à uma programação mais procedural. Para o seu caso, já existe um componente PRONTO, chamado Accordion. Veja aqui. Também fiz um exemplo pra você

KERPLUNK, obrigado pela ajuda e pelo exemplo, estou estudando um pouco de tudo
(como vc mesmo costuma dizer "não devemos nos apegar ao conceito linguagem") mas ainda não entrei no
jQuery.

Cursos de Excel e VB6:
cursoexcelvba.com.br




 Tópico anterior Próximo tópico Novo tópico


Tópico encerrado, respostas não sao permitidas
Encerrado por JORGESALES em 02/12/2018 15:50:07