Ya lo logre! les dejo el código por si le sirve a alguien mas

con esto el div aparece oculto.

Gracias Daniel! me puedes ayudar un poco con el CSS la verdad es que no se mucho de eso el el div le puse la propiedad display:none….si lo oculta pero no responde el jquery,gracias de nuevo.

saludos!

Elio pues muy facil, con «css» le aplicas la propiedad «display:none» al texto, así estará oculto al principio, ya después, las funciones jquery se encargarán de mostrar u ocultar el texto.

como le hago para que el texto venga oculto desde el principio saludos!

Cómo le puedo hacer para poner varios elementos para ocultar y mostrar (en una misma página)
sin tener que rehacer el código jwquery con otros «id» de etiqueta?

Muy bueno.Pero tengo esta duda:

Tengo este HTML:
Beach1

Beach2

Beach3

Beach4

Beach5

Beach6

y este jquery que me muestra y oculta la imagen cada vez que hago click en el boton(boton creado en el jquery)

$(document).ready(comenzar);

function comenzar(){

$(«.img-beach»).hide();
var boton=$(«Mostrar Playa»);
$(«.top-beach»).append(boton);//boton creado

$(«button»).click(function(){
//$(this).parent().next().show();

if($(this).parent().next().css(«display»)==»inline»){
$(this).parent().next().slideUp();
$(this).text(«Mostrar Playa»);
}else{
$(this).parent().next().slideDown();
$(this).text(«Ocultar Playa»);

}
})
}

*Me han pedido que cuando se despliegue una imagen con el boton ,la proxima imagen que despliegue haga que la 1era que desplegue se regrese a su posicion original(osea hide).Osea que cuando muestre y si los demas ya estan mostrados se regresen a hide.

Nose como puedo solucionarlo en el condicional.Espero su ayuda Gracias =)

Hola a todos.!

quisiera saber como puedo hacer que el combobox pueda oculatarse al momento de que este sea un usuario diferente.

Al momento de seleccionar la opcion de alumnos me muestre solo el text de matricula y contraseña y si se selecciona maestros, me pueda mostrar folio y contraseña.

Saludos.!!

Espero alguna respuesta.!

¡Gracias por el código!

Estoy iniciándome en este lenguaje, y me vienen muy bien estos ejemplos! :)

@JaGa,

Para tener varios textos lo que puedes hacer es darles ID diferentes y solo ocultar los ID que te interesen.

<div id="msgid1">Lorem
<div id="msgid2">Lorem

$("#msgid1").hide(); // Solo ocultaría el texto1.

Para llamarlo desde un texto o enlace igual, asignale un ID

<a href="#" id="enlace" rel="nofollow">Texto
$("#enlace").click(function(){$("#msgid1").show("slow")});

Si no quieres enlace y que sea un texto, crea un SPAN con ese ID:

<span id="enlace">Texto
$("#enlace").click(function(){$("#msgid1").show("slow")});

Espero que te oriente.

Saludos.

@chuck,

Puedes hacer un .hide() sobre los elementos button.

$(«button»).hide();

Como hago para tener varios texto que se muestren y se oculten en una misma pagina, y como hago para llamar las funciones desde un texto y no un boton. Gracias, buen post

hola como hago que solo se muestren las imagenes sin botones

@Alberto,

El ejemplo lo tienes ya publicado en http://lineadecodigo.com/jquery/efecto-leer-mas-texto-con-jquery/

Espero que te sirva. Saludos.

Hola! necesito ayuda por favor, tengo un problema trabajando con un formulario visible en una ventana modal ( manejada con div’s), tengo la siguiente estructura :

y se definió :

$(document).ready(function () {
$(‘#save_thumb’).click(function() {
alert(“val”);
….
});
});

Cuando el formulario esta visible osea: el div.img_up está con ‘display:block’ y se presiona el submit nunca llega a ejecutarse el evento definido para el boton ( no ejecuta el alert ) del formulario.

agradecida de antemano..

@alberto,

Podrías hacerlo teniendo de varias formas. La primera sería teniendo dos capas y jugando con el ocultar/mostrar una u otra.

Otra forma sería tener el texto del principio siempre fijo y el resto en la capa tal cual se muestra en el artículo.

No sé si a alguien más se le ocurre otra forma. Todos los comentarios son bienvenidos.

Hola es muy interesante pero me gustaría saber si hay alguna forma de mostrar unas lineas de texto y con una opción por ejemplo (mostrar todo) muestre todo el contenido de texto es posible?

Muy buen tutorial, pero tengo una duda…
Como puedo hacer esto pero con mas de un DIV?? al ser con id solo se mostrara uno y si le pongo class se mostraran todos los divs.
Gracias!! =)

elmerxp, para que se ejecute al entrar en la home deberías poner (si no lo tienes)

$(document).ready(function() {
// aquí la llamada a tu función que muestra la imagen, o sea, lo que
// ejecutas en el .click(). Si no lo tienes en una función aparte, sería bueno que
// lo separaras para poder llamarlo de varios lugares
});

Holas :) en un div, ul tengo contenidos de imagenes que al hacer clic en uno se agranda la imagen en el centro de la pantalla… Cómo podria hacer que cuando se entra el home se ejecute una de esas imagenes en grande? sin la necesidad de hacer clic en ella en la primera vez? cuál seria el codigo de ejecución :( GRACIAS de antemano

como se hace en jquery para ocultar/mostrar un div con solo un botón

estoy tratando de implementar un panel de login que se oculta hay mucho pero siempre en la mitad de los bordes de las paginas y yo quiero colocarlo en cualquier parte. COMO HAGO?

Que buen Post! muchas gracias era lo que buscaba!!

ola tengo un ligero problema,
tengo que ocular un cuadro de texto e imegenes, ect.

pero al momento en el que se oculta tengo que hacer que la etiqueta «ocultar», cambie por «mostrar»… aki esta el cod

function mostrarOcultar()
{
if(document.getElementById(‘carro’).style.display == ‘none’)
document.getElementById(‘carro’).style.display = ‘block’;
else
document.getElementById(‘carro’).style.display = ‘none’;
}

*-*-*-*-*-*-* html

Ocultar

— es asi agrandes rasgos.

@Buru_14,

Ya tienes el ejemplo sobre la gestión de cookies en jQuery en el artículo Usando cookies con jQuery

Espero que te guste. :-)

Gracias, ya pude solucionarlo, lo que hice fué robar el codigo fuente de una página, luego lo desintegré con FIREBUG e implementarlo. No es nada facil pero funciona! Estaría genial que publiques un tuto, porque en google todavía no ví ningún tuto al respecto, no está mal mi idea no? jajajaja

Bay y gracias! =)

@Buru,

El usar la cookie es muy buena idea. jQuery no viene con la gestión de cookies y es por ello que hay que usar un plugin http://plugins.jquery.com/project/cookie.

El código es muy sencillo:

$.cookie('micookie', 'valor'); //Para crearla
$.cookie('micookie'); //Para leerla

Tu duda me parece muy buena para escribir un artículo… así que entre hoy y mañana escribiré explicándolo.

Hola, tengo una consulta, como se puede hacer para que al ocultar el texto ya no lo vueva a mostrar? Ya intenté usar una cookie jquery pero no me sale!

Gracias…

Carnal gracias

Yo no buscaba exactamente esto pero me parecio muy bueno tu articulo.

Poco explicacion, funcional y claro.

Saludos.

Gracias

@gdgddgs no es: $(«#ocultar»).hide();

es: $(«#msgid1»).hide();

Excelente explicacion!

@Netzio,

Te recomiendo que pegues tu código en nuestro foro de jQuery para poderlo revisar en detalle.

no me va, que estaré haciendo mal ??

if (…) {
$(‘#lblFacturaCompra’).show(); //para mostrar
}
donde el el control (lblFacturaCompra) es un Label que en sus Propiedades tiene Visible = False

Me gustó como se explica el código.
Soy extremadamente nuevo en jquery (desde ya mismo), así que voy a estar seguido por acá.

Gracias!

Hola Jose:

Antes que nada poner:

$(«#ocultar»).hide();

Hola me sirvio de mucho…
Tengo una pregunta como hago para que el texto aparezca oculto por defecto.