trocar classe da div ao clicar

[Dimas Anjos 0]

Boa noite,

encontrei esse código que supri minhas necessidades http://jsfiddle.net/NFTFw/214/. Ao clicar ele mostra o conteúdo oculto de uma outra div. porém eu gostaria que o link clicado ficasse de outra cor/forma . já tentei utilizando .addclass(), porém não consigo incorporar ao código acima.

 

Obrigado desde já, e desculpe minha ignorância :)

[Ted k' 126]

Veja se resolve:

$(document).ready(function(){

  $('div.dropdown').each(function() {
    var $dropdown = $(this);

    $("a.dropdown-link", $dropdown).click(function(e){
      e.preventDefault();
      $div = $("div.dropdown-container", $dropdown);
        
        $("a.dropdown-link").removeClass("cor");
        var $this = $(this);
        if ($this.hasClass("cor")){
            $this.removeClass("cor");
        }
        else {
            $this.addClass("cor");
        }
      $div.toggle();
      $("div.dropdown-container").not($div).hide();
      return false;
    });

});
    
  $('html').click(function(){
    $("div.dropdown-container").hide();
  });
     
});

[Dimas Anjos 0]

Perfeito Ted k', eu precisava que quando o 'options' fechasse clicando nele mesmo ele removesse também a classe cor. você pode me ajudar nisso?

 

valeu Ted k'

 

tentei dessa forma

 

$('a.dropdown-link').click(function(){
    $(this).removeclass('cor');
});   

 

mas não deu certo :(

[Ted k' 126]

Isso?

 

$(document).ready(function(){
  $('div.dropdown').each(function() {
    var $dropdown = $(this);
    $("a.dropdown-link", $dropdown).click(function(e){
      e.preventDefault();
      $div = $("div.dropdown-container", $dropdown);
        
        $("a.dropdown-link").removeClass("cor");
        var $this = $(this);
        if ($this.hasClass("cor")){
            $this.removeClass("cor");
        }
        else {
            $this.addClass("cor");
            $this.click(function(){
                if ($(this).hasClass("cor")){
                    $(this).removeClass("cor");
                }
                else {
                    $(this).addClass("cor");
                }
            });
        }


        $div.toggle();
        
      $("div.dropdown-container").not($div).hide();
      return false;
    });
});
    
  $('html').click(function(){
    $("div.dropdown-container").hide();
  });
     
});

[Dimas Anjos 0]

Perfeito Ted k', só vou acertar pro meu uso , obrigado mesmo pela atenção :)

 

Abração

[Ted k' 126]

Qualquer coisa pode postar!