title: Change a div class if li selected
body: <p>I have a webpage with a prettyphoto gallery.Each images thumbnail has a different colored overlay(When you hover over the image).
  I have 4 categories and for each category there is a different thumbnail overlay color and that is fine.</p>
  
  <p>But I also have a 5th category where all the images from the gallery are displayed and here i want another color for the thumbnail overlay for all images.</p>
  
  <p>Here is the html for selecting the categories:</p>
  
  <pre><code>&lt;div class="gallerySelector"&gt;
          &lt;ul class="gallerySelectorList"&gt;
              &lt;li class="current"&gt;&lt;a data-filter="article.portfolio" href="#"&gt;All&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a data-filter="article.portfolio[data-category~='grafica']" href="#"&gt;Grafica&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a data-filter="article.portfolio[data-category~='gravura']" href="#"&gt;Gravura&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a data-filter="article.portfolio[data-category~='pictura']" href="#"&gt;Pictura&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a data-filter="article.portfolio[data-category~='desen']" href="#"&gt;Desen&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And this is how I call in the images:</p>
  
  <pre><code>  &lt;section class="portfolio_container"&gt;
  
          &lt;article class="portfolio" data-category="grafica"&gt;
              &lt;section class="thumbImage"&gt;
                  &lt;img src="images/gallery/afirmarea-thumb.jpg" alt="" class="fullwidth"&gt;
                  &lt;div class="grafica-wrap"&gt;
                      &lt;div class="thumbText"&gt;
                          &lt;h3 class="sectionTitle"&gt;Afirmarea&lt;/h3&gt;
                          &lt;p&gt;Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. &lt;/p&gt;
                          &lt;a class="thumbLink" href="images/gallery/afirmarea.jpg" rel="prettyPhoto[gallery1]" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac augue at erat hendrerit dictum."&gt;&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/section&gt;
          &lt;/article&gt;
  </code></pre>
  
  <p>Is it possible with jquery to change the <code>&lt;div class="grafica-wrap"&gt;</code>(this adds the thumbnail overlay and i have one for each menu item[category] with a different one when this is active:</p>
  
  <pre><code>&lt;li class="current"&gt;&lt;a data-filter="article.portfolio" href="#"&gt;All&lt;/a&gt;&lt;/li&gt;
  </code></pre>