Toggle jQuery

[br1b]

Buenas a todos!!! Tengo una duda... En mi sitio tengo un boton que al cliquearlo me muestra una capa oculta con Toggle... El problema es que todos los elementos con la clase caja se muestran al mismo tiempo desde ese boton "alternar" pero quiero que se maneje independiente para cada uno, desde ya gracias por la ayuda

function inicializar(){
var alternar = $(".alternar");
alternar.click(alternarElemento);
}

function alternarElemento(){
var caja = $(".caja");
caja.toggle("blind");
}

[chuidiang]

¿Qué quiere decir manejar independiemente varias cajas con un solo toggle?

Se bueno.

[br1b]

Para ser mas específico por que tal vez no se entendio, es un blog con un boton que dice leer mas (con click ahi se inicia el toggle) el tema es que se me despliega el leer mas de cada nota y yo quiero que sea independiente de cada una, que al cliquear el leer mas se despliegue el de esa nota, no el de todas las demás....

gracias!

[chuidiang]

Bueno, entiendo entonces o bien que hay un toogle distinto por cada nota, o bien que aunque haya más notas solo quieres que se despliegue la primera.

Si hay varios toogles, pon a cada toogle y a cada caja un id que puede ser algo relacionado con id la nota, por ejemplo toogle_11, caja_11.
En la función alternarElemento(), identifica de qué toogle viene el evento (El $(this) dentro de esa función es el toogle específico) y visualiza la caja correspondiente por id, no por class.

Se bueno.

[br1b]

Entiendo lo que me decís pero no tengo idea como escribirlo en código, te agradezco por tu tiempo y tus respuestas de todas maneras, muchas gracias!

[madman_18]

Iniciado por br1b

Entiendo lo que me decís pero no tengo idea como escribirlo en código, te agradezco por tu tiempo y tus respuestas de todas maneras, muchas gracias!

Supongo que tendrás algo como un '+' o 'leer más'...ahí tienes que hacer que en el onclick se lance la función que tienes para asignar el toggle pasandole el id del elemento .

Luego el toggle, en javascript tendrías que hacer algo como

$(this).toggle()

(No me deja escribir con el highlight de javascript no sé por qué)

[br1b]

Tengo un <a href> cuando hago click ahi, necesito que se ejecute la siguiente función:

function alternarElemento1(){
var caja = $("#caja1");
caja.toggle("blind");
}

el problema es que el contenido de la #caja1 viene de una base de datos para mostrarse en pantalla (se carga como contenido dinámico), lo que necesito es saber es que tengo que pasarle en vez de #caja1 para que me haga la animacion

Gracias

[Reedyseth]

br1b no es por complicar mas el asunto pero hay que tomar en cuenta que version de jQuery estas usando por que ese .toggle() puede ser muy engañoso, mira este post:

http://www.forosdelweb.com/f179/hace...8/#post4383365

[br1b]

Voy a explicarlo nuevamente mas detallado y mas largo para que todos lo entiendan perfectamente y puedan ayudarme.

Estoy programando un sitio con una sección de noticias (lo administra el cliente) entonces cada nota que sube se guarda en una base de datos con un id.

En la sección de noticias se muestran estas actualizaciones, pero en vez de aparecer el texto completo tengo un boton que dice leer mas y la siguiente funcion aplicada sobre el:

Código Javascript:

function inicializar(){
    var alternar = $("#alternar");
    alternar.click(alternarElemento);
}
 
function alternarElemento(){
    var caja = $("#caja");
    caja.toggle("blind");
}
 

esto hace que el div con id="caja" se muestre y se oculte presionando el enlace.

Mi problema viene cuando subo la segunda nota ya que ese boton de leer mas queda solamente aplicado a la primer nota.

Es posible obtener un id variable para cada nota y que el boton leer mas sirva para cada nota por separado independientemente de si hay otros articulos?

Espero haber sido claro, muchas gracias a todos...

Saludos!