jQuery - Toggle .active Klasse zwischen 3 div Cousins ​​

Question

Ich möchte .test-aktive Klasse zwischen einer der 3 divs, die derzeit haben .section-Ressourcen als eine Klasse. Nur ein div sollte .test-active auf einmal haben.

wie es ist .test-active wird zu allen 3 divs hinzugefügt.

jede Hilfe wird geschätzt und tut mir leid für die noobness, es ist mein erster Beitrag. : 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

Try this:

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