jQuery if statement causes browser to crash
<p>I have a small script that should show a hidden div if the corresponding button is pressed. For example, if the button first-button is clicked than the div first-button-content should show. Right now, when I click on the button, chrome crashes and the div does not show. </p>

<p>Here is the html:</p>

<pre><code>    &lt;div class="home-middle-buttons"&gt;
        &lt;div class="first-button"&gt;
            &lt;span&gt;I’m an In-House Marketer&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class="second-button"&gt;
            &lt;span&gt;I Work at an Agency&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class="third-button"&gt;
            &lt;span&gt;I’m a Business Owner&lt;/span&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="home-middle-content"&gt;
        &lt;div class="first-button-content"&gt;
            &lt;p&gt;Lorem ipsum dolor&lt;/p&gt;
        &lt;/div&gt;

        &lt;div class="second-button-content"&gt;
            &lt;p&gt;Lorem ipsum dolor&lt;/p&gt;
        &lt;/div&gt;

        &lt;div class="third-button-content"&gt;
            &lt;p&gt;Lorem ipsum dolor.&lt;/p&gt;
        &lt;/div&gt;
    &lt;/div&gt; 
</code></pre>

<p>Here is the script: </p>

<pre><code>jQuery(document).ready(function() {
    jQuery(".home-middle-buttons div").click(function() {
        if (jQuery(".first-button").click()) {
            jQuery(".first-button-content").css( 'display', 'block' );
        } else {
            jQuery(".second-button-content").css( 'display', 'block' );
        }
    });
});
</code></pre>
