Staff en línea

[ayuda] mostrar y ocultar div
Tema iniciado por y Añadir a favoritos

[ayuda] mostrar y ocultar div 
el Vie Dic 15, 2017 4:34 pm
[problema]URL::http://4reyes.foroactivo.com
Versión de mi foro::punbb
Navegador::chrome
Descripcion del problema:buenas el problema es el siguiente deseo hacer un boton del cual que al hacerle click muestre un contenido oculto en div, y hacer click en el mismo boton oculte el contenido de la div.
Capturas de pantalla del problema:
el boton que al hacerle click muestre el contenido y al darle click nuevamente oculte el contenido:
Código:
<ul class="topic_buttons">
        <li><a href="/#" ">Boton</a></li>
   </ul>
y el contenido oculto:
Código:
<div id="member_filters"  style="display: none;"></div>>
[/problema]
Julinho
avatar

¿Que estoy pensando? :

Buscar una novia :_V [table class=fecha_up][td]Se modifico:13/05/18 - 16:00 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/hkeup0N.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

129


Puntos :

177


Me gusta :

30


ingreso :

05/02/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://4reyes.foroactivo.com/

Volver arriba Ir abajo

Re: [ayuda] mostrar y ocultar div 
el Vie Dic 15, 2017 4:37 pm
staff
Oki, me pongo, dame un ratito
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

788


Puntos :

1139


Me gusta :

193


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [ayuda] mostrar y ocultar div 
el Vie Dic 15, 2017 4:48 pm
staff
Te lo he hecho con CSS

HTML

Código:
<label for="toggle-oculto1" id="bb-boton">Boton</label>
<input type="checkbox" id="toggle-oculto1" class="oculto" />
<div class="member_filters">
Aquí todo el contenido oculto...
</div>

CSS
Código:
.member_filters {
display: none;
}
:checked ~ .member_filters {
    display: block;
    background: #def;
    padding: 5px;
    width: 267px;
    margin-top: 8px;
}
input.oculto[type=checkbox]
{
position: absolute;left: -999em;
}
label#bb-boton {
    background: #b3a2a2;
    padding: 5px;
    color: #fff;
}

Te he puesto poco CSS, tendrás que adaptarlo con los colores y forma que quieras
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

788


Puntos :

1139


Me gusta :

193


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [ayuda] mostrar y ocultar div 
el Vie Dic 15, 2017 5:14 pm
muchas gracias me fue de gran ayuda pude dar como tema resuelto

+reputacion @RinC
Julinho
avatar

¿Que estoy pensando? :

Buscar una novia :_V [table class=fecha_up][td]Se modifico:13/05/18 - 16:00 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/hkeup0N.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

129


Puntos :

177


Me gusta :

30


ingreso :

05/02/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://4reyes.foroactivo.com/

Volver arriba Ir abajo

Re: [ayuda] mostrar y ocultar div 
el Vie Dic 15, 2017 5:17 pm
staff
Mensaje automático



[ok]Cierro tema[/ok]
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

788


Puntos :

1139


Me gusta :

193


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.