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>