Can'；我不知道如何使用jQuery更改字体颜色（尝试构建一个简单的菜单）

我就是想不出如何将按下的活动按钮的颜色更改为“color:white；”。。。以下是JSFIDLE：

很抱歉文件中的混乱（？），我的css在css框的按钮上（首先是基础代码）

如果您查看JSFIDLE，如果您按下一个有子菜单的按钮，If将变为绿色。我希望绿色框中的文本在激活时变为白色，就像变为绿色一样。我什么都试过了（我想应该是正确的解决方案吧）。。。有什么想法吗

编辑：抱歉，不知道您必须包含代码…

CSS:

Javascript

    jQuery(document).ready(function($) {

        $('.has-sub').click(function() {
            $(this).toggleClass("active");
            $(this).children('.is-sub').slideToggle('slow');
            return false;
        });
    });

HTML:

<ul class="side-nav">
            <li>
                <a href="#">Dashboard</a>
            </li>
            <li class="has-sub">
                <a href="#" class="">Posts</a>
                <ul class="is-sub">
                    <li>
                        <a href="#">Add a new Post</a>
                    </li>
                    <li>
                        <a href="#">Edit Posts</a>
                    </li>
                </ul>
            </li>
            <li class="has-sub">
                <a href="#" class="main">Manage</a>
                <ul class="is-sub">
                    <li>
                        <a href="#">Categories</a>
                    </li>
                    <li>
                        <a href="#">Pages</a>
                    </li>
                    <li>
                        <a href="#">Users</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">Logout</a>
            </li>
        </ul>

您也可以这样使用：

$('.has-sub').click(function() {
    $(this).toggleClass("active");
    $(this).children('.is-sub').slideToggle('slow');

    if ( $(this).hasClass("active") ){
        $(this).find('a').css("color", "#ff0000");
    } else {
        $(this).find('a').css("color", "#eaeaea");
    }
    return false;
});

---

定义

.has_sub.active

或内部回调函数

的样式if（$this）.hasClass（$this.active）{$（this.css（$color”，“white”）；}else{$（this.css（$color”，“inherit”）；}

和另一个忽略jsiddle链接必须伴随代码的消息的人。相反，我们有一个tinyurl。显示一些代码。包括相关代码！微生物：.has-sub.active{背景：#48AC40；}存在于css中，但添加：颜色：白色；不做任何事情。向.has-sub.active{background:#48AC40；}添加颜色：白色不会做任何事情。很遗憾，我的错误。我更新了我的答案。白色必须设置为

标记，而不是

。问题仍然存在，悬停颜色不变。谢谢！工作得很有魅力！我仍然不明白它为什么会起作用。我不熟悉JQuery，所以。是否可以做同样的事情，但在CSS代码中，我相信我会更好地理解该解决方案！再次感谢！我做了最后一次更新，颜色定义必须是空字符串，以防class

active

不存在

jQuery(document).ready(function($) {

    $('.has-sub').click(function() {
        $(this).toggleClass("active");
        $(this).children('.is-sub').slideToggle('slow');

        if ( $(this).hasClass("active") ){
            $("a", this).eq(0).css("color", "white");
        } else {
            $("a", this).eq(0).css("color", "");
        }
        return false;
    });
});

$('.has-sub').click(function() {
    $(this).toggleClass("active");
    $(this).children('.is-sub').slideToggle('slow');

    if ( $(this).hasClass("active") ){
        $(this).find('a').css("color", "#ff0000");
    } else {
        $(this).find('a').css("color", "#eaeaea");
    }
    return false;
});