0

我在切换 div 的页面上有一组链接。单击链接时，它会将“活动”添加到所需的 div 并切换它 - 我还切换任何现有的活动 div - 但是我无法开始工作的是删除“活动”类，因此它不会再次切换.

<a href="valor" class="mas">link</a>
<a href="acaba" class="mas">link</a>
<a href="soluc" class="mas">link</a> 

<div id ="content">   
<div class="valor">TEXT</div>
<div class="acaba">TEXT</div>
<div class="soluc">TEXT</div> 
</div>

$(".mas").click(function () {
    var divToShow = "." + $(this).attr('href');
    $(".active").toggle("fast");
    $("#content div").removeClass(".active");
    $(divToShow).toggle("fast");
    $(divToShow).addClass("active");
    return false;
});
4

2 回答 2

4

只需.要从 removeClass 的值中删除，因为 removeClass 采用类名而.active不是类名（我认为您的意思是提供一个选择器）。

$("#content div").removeClass(".active");

应该

$("#content div").removeClass("active");

只是另一种方法：

HTML:- 添加一个 data-target 属性并在那里提供选择器。

 <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;
   });

演示

于 2013-11-13T22:23:15.963 回答
0

removeClass()不需要选择器先决条件。

.active将内存使用添加到您的选择中也可能会更好：

$('#content div.active').removeClass('active');
于 2013-11-13T22:24:24.430 回答