Just need to remove .
from the value of removeClass since removeClass takes the className and .active
is not a classname (I think you meant to provide a selector).
$("#content div").removeClass(".active");
should be
$("#content div").removeClass("active");
Just another approach:
HTML:- Add a data-target attribute and provide the selector there.
<a href="#" data-target=".valor" class="mas">link</a>
<a href="#" data-target=".acaba" class="mas">link</a>
<a href="#" data-target=".soluc" class="mas">link</a>
<div id="content">
<div class="valor">TEXT1</div>
<div class="acaba">TEXT2</div>
<div class="soluc">TEXT3</div>
</div>
JS:
$(".mas").click(function () {
var divToShow = $(this).data('target');
$('#content').children().not( //Hide all the children
$(divToShow).toggle('fast').addClass('active') //But not the target which you do a toggle
).hide("fast").removeClass('active');
return false;
});