(jQuery) Alterne o estilo div “display: none” para “display: inline”

Eu tenho 2 divs que eu quero poder alternar entre elas onClick de um botão (atualmente usando .toggle ();)

A div que aparece na página é div1. Esta div tem o estilo 'display: inline'. Minha outra div (div2) começa com o estilo 'display: none'.

Quando o div1 muda para div2, quero que o div2 tenha o estilo de "display: inline". Como eu faço isso

EDIT: Isso 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');


      }


  });
});

questionAnswers(6)

yourAnswerToTheQuestion