on click add class two classes to different elements
<p>I am building a <a href="http://marekfraczyk.com/szymon" rel="nofollow">website</a> which has vertical nav on the left side and content on the right, where nav takes 20% width and content 80%.</p>

<p>I would like to on click (of the toggle div, inside nav) change the width of the nav to 5% and the content width to 95%. </p>

<p>I know how add class to .the element that is being clicked, but I have to idea how to affect the others.
Any help would be highly appreciated!</p>

<pre><code>&lt;div class="nav"&gt;
            &lt;div class="toggle"&gt;
                &lt;img src="images/toggle.png"/&gt;
            &lt;/div&gt;
            &lt;ul&gt;
                &lt;li class="header"&gt;&lt;p&gt;Szymon Fraczyk&lt;br&gt;photography&lt;/p&gt;&lt;/li&gt;
                &lt;li class="szymon"&gt;&lt;a href="index.html"&gt;&lt;p&gt;Szymon Fraczyk&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;li class="zdjecia"&gt;&lt;a href="index.html"&gt;&lt;p&gt;Zdjecia&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;li class="slubne"&gt;&lt;a href="index.html"&gt;&lt;p&gt;Slubne&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;li class="chrzciny"&gt;&lt;a href="index.html"&gt;&lt;p&gt;Chrzciny&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;li class="kontakt"&gt;&lt;a href="index.html"&gt;&lt;p&gt;Kontakt&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;li class="kontakt"&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class="content"&gt;
            &lt;div class="royalSlider rsDefault"&gt;
                &lt;img class="rsImg" src="images/1.jpg" alt="image desc" /&gt;
                &lt;img class="rsImg" src="images/2.jpg" alt="image desc" /&gt;
                &lt;img class="rsImg" src="images/3.jpg" alt="image desc" /&gt;
                &lt;img class="rsImg" src="images/4.jpg" alt="image desc" /&gt;
                &lt;img class="rsImg" src="images/5.jpg" alt="image desc" /&gt;
                &lt;img class="rsImg" src="images/6.jpg" alt="image desc" /&gt;
                &lt;img class="rsImg" src="images/7.jpg" alt="image desc" /&gt;
            &lt;/div&gt;  
        &lt;/div&gt;
    &lt;/div&gt;
</code></pre>
