Mostrar y ocultar div con deslizamiento

Iniciado por Poizonus, 20 Julio 2011, 16:47 PM

0 Miembros y 1 Visitante están viendo este tema.

Poizonus

Buenas a todos
necesito saber si saben algun JS que permita ocultar y mostrar div

Que al darle clic en "Panel CP" se oculte y que si le dan de nuevo se muestre un DIV.
Pero que por defecto se muestre.

Para mejor ejemplo quiero lograr esto :
http://www.mybbtema.net/
Le dan clic en "paneli ac - kapa "

Como veran .. el div se oculta y se muestra con una velocida. eso es lo que me gusta.
Encontré js pero cuando se le daba mostrar ocultar aparecía y desaparecía como un flash. Lo que yo quiero es que se desplaze igual porfavor.

Y que si se pudiera que no salga # despues de hacer clic "Panel CP"
Ya que aveces cuando se hacer clic alli arriba aparece #

Gracias por su ayuda.

#!drvy


Poizonus

Disculpen..
Quisiera sabes mi me pueden pasar los codigos.. porque yo no se nada de JS y Jquery

RedZer

Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo

Poizonus

#4
CitarEncontré js pero cuando se le daba mostrar ocultar aparecía y desaparecía como un flash. Lo que yo quiero es que se desplaze igual porfavor.

Ya había visto esos y no son igual al del mybbtema.net .
El ultimo es igual pero  lo probé en una web normal y no funciona.

RedZer

Cita de: Poizonus en 20 Julio 2011, 17:17 PM
Ya había visto esos y no son igual al del mybbtema.net .
El ultimo es igual pero  lo probé en una web normal y no funciona.
puedes poner el code que estas ocupando? seguro k tienes la libreria de jquery?
Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo

Poizonus

<input type="button" value="Ocultar/Mostrar" onclick='$("#nombre_div").toggle(200);'>
<div id="nombre_div" style="background-color:#eeeeee;border:1px solid">
Este Div Se Oculta
</div>


Disculpa, pero no se mucho de esto. y nosabia k se tenia que tener una librería jquery.

No se nada de Js.
Solo quería buscar un code. para adaptarlo a un theme de un foro.

#!drvy

Debes llamar a jquery para que este pueda procesar el código. Esto se hace poniendo
<script type="text/javascript" src="lugardondeestalalibreria"></script>
en el head.

Tutorial basico de jquery

Este foro no es para pedir y entregar. La idea es que puedas aprender a hacer lo que estas preguntando y no hacer copy y paste y listo.


Saludos

Poizonus

Esque lo necesito urgente para una actualización.
Esto de aprender me puede tomar tiempo.

Yo puedo analizar los codigos masomenos para saber que funciones trata. Pero ya voy casi como un dia tratando de construir un codigo para poder hacer lo que quiero y no lo por ultimo opte a venir a pedir ayuda aquí.

Eso lo necesito para ponerle un mi foro ya que lo que tengo que hacer después es mucho demora mas que esto.

RedZer

#9
Cita de: Poizonus en 20 Julio 2011, 17:48 PM
Esque lo necesito urgente para una actualización.
Esto de aprender me puede tomar tiempo.

Yo puedo analizar los codigos masomenos para saber que funciones trata. Pero ya voy casi como un dia tratando de construir un codigo para poder hacer lo que quiero y no lo por ultimo opte a venir a pedir ayuda aquí.

Eso lo necesito para ponerle un mi foro ya que lo que tengo que hacer después es mucho demora mas que esto.

solo es un archivo que debes de guardar en tu carpeta donde tengas tu proyecto buscalo asi en google libreria jquery despues solo lo mandas a llamar asi como lo ase aki drvy | BSM
<script type="text/javascript" src="lugardondeestalalibreria"></script>
Nota:al archivo jquery no le tienes que mover absolutamente nada
Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo