Jquery toggleClass()不适用于div

Jquery toggleClass()不适用于div,jquery,html,css,Jquery,Html,Css,我一直在一个网站上工作,遇到了一个问题。在我的FAQ中,我有一个下拉菜单和一个提交按钮来链接到FAQ的不同部分。这很好用。submit按钮触发一个javascript函数,该函数动态链接到页面上相应的锚。此外,我希望下拉菜单选择的问题以橙色突出显示。我得到了突出显示,但只有一瞬间,它闪过。我想知道如何保持高光,而不是闪光?我不确定为什么会发生这种情况。此外,如何使用jQuery使高亮显示淡入淡出?我知道如何隐藏div,然后使用.fade(),但这会导致所有文本消失。非常感谢 这里有一把小提琴:但

我一直在一个网站上工作,遇到了一个问题。在我的FAQ中,我有一个下拉菜单和一个提交按钮来链接到FAQ的不同部分。这很好用。submit按钮触发一个javascript函数,该函数动态链接到页面上相应的锚。此外,我希望下拉菜单选择的问题以橙色突出显示。我得到了突出显示,但只有一瞬间,它闪过。我想知道如何保持高光,而不是闪光?我不确定为什么会发生这种情况。此外,如何使用jQuery使高亮显示淡入淡出?我知道如何隐藏div,然后使用.fade(),但这会导致所有文本消失。非常感谢

这里有一把小提琴:但它不能完全工作,因为当你提交时,它会出现一个错误。我认为这是因为JSFIDLE不允许提交,即使提交只是运行一些javascript。如果你知道一个方法,请让我知道,这样我可以更新链接!谢谢

javascript:

var toggled = 0;
function jump_to (location) {
if(toggled == 0){
    toggled = 1;
    window.location.href = "#" + location;
    $("#wrap"+location).toggleClass("wraps_active");
}
}​
html:

请试试这个

 $("#wrap"+location).addClass("wraps_active");
请尝试此操作,而不是切换类别

 $("#wrap"+location).addClass("wraps_active");

不要每次提交表单时都使用
toggleClass

,而是清除所有活动的包装类,并仅为选定的包装类添加它

$('form input[type=submit]').click(function(e) {
    e.preventDefault();

    var location = $('select[name=jump_list]').val();
    window.location.href = "#" + location;

    $('.wraps').removeClass('wraps_active');
    $("#wrap"+location).addClass("wraps_active");
});

以下是。

每次提交表单时,请清理所有活动的包装类,并仅为选定的类添加它

$('form input[type=submit]').click(function(e) {
    e.preventDefault();

    var location = $('select[name=jump_list]').val();
    window.location.href = "#" + location;

    $('.wraps').removeClass('wraps_active');
    $("#wrap"+location).addClass("wraps_active");
});

以下是。

方法
.toggleClass()
的第二个参数接受一个布尔值,以您想要的方式进行特定的切换。
.toggleClass()
方法的第二个参数接受一个布尔值,以您想要的方式进行特定的切换。感谢您的回复!我试过了,但同样的问题依然存在。谢谢你的回复!我试过了,但同样的问题依然存在。