jQuery division visibility hidden is not working
<pre><code>$("#id_btnquizzestwo").click(function() {
    $temp = $("#rightsideeightone").is(":visible");     
    if($temp) {
        $("#rightsideeightone").css('display') = 'none';    
    }
})
</code></pre>

<p>The rightsideeightone division is not being hidden.</p>

<p>What to do ?</p>

<pre><code>$("#id_btnquizzestwo").click(function() {
    $temp = $("#rightsideeightone").is(":visible");
    //alert($temp);

    if($temp) {
        $("#rightsideeightone").hide();         
    }

    $temp2 = $("#rightsideeighttwo").is(":hidden");
    //alert($temp2);

    if($temp2) {
        $("#rightsideeighttwo").show();
    }
})
</code></pre>

<p>I tried this, the rightsideeighttwo is not being visible. Initialy the rightsideeightone is visible and the rightsideeighttwo is hidden.</p>

<pre><code>&lt;div id="rightsideeight" &gt;
    &lt;div id="id_pollsquizzes" &gt;
        &lt;?php echo '&lt;ul&gt;'; ?&gt;
        &lt;?php
            echo '&lt;li&gt;';
            echo $this-&gt;Form-&gt;button('Polls',array('type'=&gt;'button','id'=&gt;'id_btnpollstwo'));
            echo '&lt;/li&gt;';
            echo '&amp;nbsp&amp;nbsp';

            echo '&lt;li&gt;';
            echo $this-&gt;Form-&gt;button('Quizzes',array('type'=&gt;'button','id'=&gt;'id_btnquizzestwo'));
            echo '&lt;/li&gt;';
            echo '&amp;nbsp&amp;nbsp';
        ?&gt;

    &lt;/div&gt;

    &lt;div id="rightsideeightone" style="visibility: visible" &gt;
            ......................
    &lt;/div&gt;

    &lt;div id="rightsideeighttwo" style="visibility: hidden" &gt;
            ......................
    &lt;/div&gt;

&lt;/div&gt;
</code></pre>
