Visualizzazione dei risultati da 1 a 3 su 3

Discussione: jQuery e Accordion

  1. #1

    jQuery e Accordion

    Salve a tutti,
    ho creato una serie di div (uno per ogni riga di risultato di una query mysql) che sono divisi in due parti.
    La parte superiore è sempre visibile e poi, al click sul div, si apre con accordion una barra inferiore con un tot di info aggiuntive sul div (anche queste prese da mysql)

    Tutto funziona: quando clicco su un div il pannello si apre ma, al secondo click, si chiude e si riapre invece di restare chiuso.
    Potreste aiutarmi?
    Vi incollo il codice e vi rimando ad un link per la demo.
    Grazie.

    Demo

    Script:
    codice:
    $(document).ready(function($) {
    //ACCORDION SU HOMEPAGE PEZZI E WHATSNEXT
           $('.storypiece_actions').hide();
           $('div.storypiece_display').click(function(){
             	$('div.storypiece_actions').slideUp();
             	$('#post').slideUp();
    			$(this).next('div.storypiece_actions').slideToggle();
    	   		return false;
    	   		    		
           });
    });
    Php:
    (alla prima riga c'è il div che contiene entrambi gli elementi che ha id = s_(id del post in mysql)
    codice:
    <div id="s_<?=$q['id'];?>">
        <div class="storypiece_display">Testo (da mysql)</div>	
        <div class="storypiece_actions">
        	<div class="inserted">
        	Link | 
        	Nome - Data				
        	</div>
        	<div class="others">Altre operazioni</div>
        </div>
    </div>
    --
    Keylocker
    Keydes.com

  2. #2
    Il problema è che fai prima slideUp di tutti e poi il toggle del tuo, quindi lo rimetti sicuramente giù.
    Se il tuo obiettivo è se è aperto chiuderlo devi guardare se è aperto prima di fare l'up di tutti e dopo l'up di tutti aprire o chiudere in base allo stato precedente.

  3. #3
    Dici con un IF?
    Mi potresti dare un esempio di codice plz?

    In ogni caso l'obiettivo è:
    Se il div 1 è aperto e si clicca un altro -> chiudere il div 1 e aprire quello che si è cliccato
    Se il div 1 è aperto e si riclicca il div 1 -> chiudere il div 1
    --
    Keylocker
    Keydes.com

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.