(jQuery) Alternar estilo div "display: none" a "display: inline"
Tengo 2 divs que y quiero poder alternar entre ellos haciendo clic en un botón (actualmente usando .toggle ();)
El div que se muestra en la página es div1. Este div tiene el estilo 'display: inline'. Mi otro div (div2) comienza con el estilo 'display: none'.
Cuando el div1 cambia a div2, quiero que div2 tenga el estilo de "display: inline". ¿Cómo hago esto
EDIT: Esto está funcionando:
$(function(){
$('#button').click(function(){
$('#div1').toggleClass('hide');
if ($('#div2').is('.hidden')) {
$('#div2').removeClass('hidden');
$('#div2').addClass('show');
}
else{
$('#div2').addClass('hidden');
$('#div2').removeClass('show');
}
});
});