Ciao ho creato un bel menu di tipo "Accordion", all'inizio tutte le sezioni non sono attive. E' piazzato con un margin-top di 200px. Vorrei che all'apertura delle sezioni si azzerasse il margine di 200px, per poi ritornare quando tutte le sezioni sono chiuse.
Ho provato con una funzione apparte collegato al click di h3 di #accordion.
Forse vi spiega meglio il codice.
codice:
<script>
 $(function() {
 var stop = false;
 $("#accordion h3").click(function( event ){
 if ( stop )
{ event.stopImmediatePropagation();
 event.preventDefault(); stop = false } });
 $("#accordion").accordion({ 
header: "> div > h3",
 collapsible: true,
 active: false, 
autoHeight: false, 
changestart: function(event, ui){ ui.newHeader.parent().prependTo(this); } })

 .sortable({ 
axis: "y", 
handle: "h3", 
stop: function() { stop = true; } }) }); 
</script>
 <script> 
function zeromargindiv(){
 $('#accordion').animate({ 
marginTop: '0px' },
 2000, function() { }); } 
</script> 


<div id="accordion" style="margin-top:180px">
	
<div class="group">
    <h3  onclick="zeromargindiv()">Cosa Visitare</h3>
Link temporaneo al sito