Show - Hide div en inline-block

En utilisant la fonction slideToggle, il faut déclarer notre div display: none dans notre feuille de style et quand on click sur le bouton, jQuery affiche la div en block. Mais comment faire si on veut notre div en inline-block ? Utilisez la méthode suivante :

.div {
display: inline-block;
}
$('.div').hide();

$('.bouton').bind('click', function() {
    $('.div').slideToggle( '1000','linear' );
    return false;
    $(this).text($(this).text() == "Ouvrir" ? "Fermer" : "Ouvrir"); // texte du bouton - optionnel
})

Lire la suite