problème de curseur jquery avec changement ID de durée

Question

Salut à tous, je suis dans le besoin d'un peu d'aide à essayer de comprendre pourquoi ce code ne fonctionne pas comme il se doit:

$('#slickbox').hide(); 

$('#slick-show').click(function() { 
    $('#slickbox').show('slow'); 
     $('#userSetupP').text('User Custom Panel (click to close)'); 
     $('#slick-show').attr('id', '#slick-hide'); 
     return false; 
}); 

$('#slick-hide').click(function() { 
     $('#slickbox').hide('fast'); 
     $('#userSetupP').text('User Custom Panel (click to open)'); 
     return false; 
}); 

Et le code HTML

<span id="slick-show"> 
    <div id="userSetupP">User Custom Panel (click to open)</div> 
    testing <br /> 
    this out <br /> 
</span> 

<div id="slickbox" style="display: block;"> 
    blah blah blah 
</div> 

L'identifiant change lorsque je clique dessus et change également le "Panneau Personnalisé Utilisateur (cliquer pour ouvrir)" en "Panneau Personnalisé Utilisateur (cliquer pour fermer)". Toutefois, lorsque j'essaie de le refermer une seconde fois pour le fermer, il ne fait que rester sur l'événement de clic "slick-show".

Toute aide serait grande: o)

David

Answer 1

demo

$('#slickbox').hide(); 
$('#slick-show').click(function() { 
    var flag = $('#slickbox').is(':visible'); 
    $('#slickbox').toggle(flag?'fast':'slow'); 
    $('#userSetupP').text(flag?'User Custom Panel (click to open)':'User Custom Panel (click to close)');  

});​