title: (jQuery) Toggle div style "display:none" to "display:inline"
body: <p>I have 2 divs which and I want to be able to toggle between them onClick of a button (currently using .toggle();)</p>
  
  <p>The div that shows on the page is div1. This div has the style 'display:inline'.
  My other div (div2) starts with the style 'display:none'.</p>
  
  <p>When the div1 switches to div2, I want div2 to have the style of "display:inline". How do I do this?</p>
  
  <p>EDIT: This is working:</p>
  
  <pre><code>$(function(){
    $('#button').click(function(){
  
      $('#div1').toggleClass('hide');
  
  if ($('#div2').is('.hidden')) {
  
            $('#div2').removeClass('hidden');
            $('#div2').addClass('show');
  
  
        }
        else{
  
            $('#div2').addClass('hidden');
            $('#div2').removeClass('show');
  
  
        }
  
  
    });
  });
  </code></pre>