#other-albums

sspro

Hi Apollo,

I had to convert the #other-albums nav to a drop down since there simply wasn't enough room to display them all at once.

Everything is working smoothly except I can't this line of js to remove the 'current' class. So it will highlight the current album properly and remove the 'current' class once a new album is selected. I suspect it's because I now have the 'a' nested inside the dropdown nav

• etc.

  
  //highlight current album
              $(this).addClass('current')
                  .siblings('a').removeClass('current');
  

  The addClass still works and inserts .current so in theory I should still be able to remove the .current class with js.
  
  Any suggestions?
  
  #other-albums menu:

  
  <div id="other-albums" class=""><nav><ul><li> <img src="/images/controlls.png" alt="Portfolio"> Portfolio
  <ul><li><a href="/galleries/boston/" data-id="68">Boston</a></li>
  <li><a href="/galleries/cape-at-night/" data-id="7">Cape at Night</a></li>
  <li><a href="/galleries/cape-impressionism/" data-id="80">Cape Impressionism</a></li>
  <li><a href="/galleries/cape-in-winter/" data-id="90">Cape in Winter</a></li>
  <li><a href="/galleries/cape-patterns/" data-id="31">Cape Patterns</a></li>
  <li><a href="/galleries/cape-seascapes/" data-id="94">Cape Seascapes</a></li>
  <li><a href="/galleries/cape-skies/" data-id="100">Cape Skies</a></li>
  <li><a href="/galleries/cape-wanderings/" data-id="36">Cape Wanderings</a></li>
  <li><a href="/galleries/cape-sunsets/" data-id="103">Cape Sunsets</a></li>
  <li><a href="/galleries/cape-wildlife/" data-id="109">Cape Wildlife</a></li>
  <li><a href="/galleries/through-the-iphone/" data-id="114">Through the iPhone</a></li>
  <li><a href="/galleries/paris/" data-id="45">Paris</a></li>
  <li><a href="/galleries/rock-harbor/" data-id="130">Rock Harbor</a></li>
  <li><a href="/galleries/tuscany/" data-id="134">Tuscany</a></li></ul></li></ul></nav></div>
  

Air

Hello:-)

Sorry for late answer.

Your siblings doesn't exist:-) as now every a is in li, so it is alone. Code should look like this

            //highlight current album
            $(this).addClass('current').parent().siblings('li').find('a')
                .removeClass('current');

With regards.

sspro

Works perfect as expected. Thanks for everything.