jQuery - Toggle. Active class между 3 div cousins ​​

Question

Я бы хотел переключить .test-active класс между любыми из 3-х div, которые в настоящее время имеют .section-resources как класс. Только один div должен иметь .test-active за раз.

как есть .test-active добавляется ко всем 3 div.

любая помощь оценена и извините за пустоту, ее первое сообщение. : P

jQuery(document).ready(function($) { 
 
    $(document).ready(function() { 
 
    $('.section-resources').click(function(e) { 
 
     if ($('this').not('.test-active')) { 
 
     $('.section-resources').addClass('test-active'); 
 
     } else if ($('.section-resources').hasClass('test-active')) { 
 
     $('this').removeClass('test-active'); 
 
     } else { 
 
     $('this').addClass('test-active'); 
 
     } 
 
     e.preventDefault(); 
 
    }); 
 
    }); 
 
});

.test-active { 
 
    border: 1px solid #ff0000; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="frame"> 
 
    <div> 
 
    <a href="#!">some link</a> 
 
    <div class="section-resources"><a href="">Lorem ipsum dolor sit amet</a> 
 
    </div> 
 
    <div> 
 
     <a href="#!">some link</a> 
 
     <div class="section-resources"><a href="">Lorem ipsum dolor sit amet</a> 
 
     </div> 
 
     <div> 
 
     <a href="#!">some link</a> 
 
     <div class="section-resources"><a href="">Lorem ipsum dolor sitamet</a> 
 
     </div> 
 
     </div>

Answer 1

Попробуйте это:

$('.section-resources').click(function(target) { 
     $('.section-resources').removeClass('test-active'); 
     $(target).addClass('test-active'); 
     target.preventDefault(); 
    });