jQuery 效果 - 鼠标单击时 JQuery 显示和隐藏 div

Question

我有一个脚本（在单击时显示和隐藏 div #id）并且一切正常，只有我需要知道如何在单击时更改（单击此处）的字体颜色意味着如果隐藏（div class="menu" ) Click Here 文本颜色将为黑色/如果显示 (div class="menu") Click Here 文本颜色将为红色

图片说明

http://s18.postimg.org/5f9in18u1/image.jpg

div id="showmenu">Click Here</div>
<div class="menu" style="display: none;"><ul><li>Button1</li><li>Button2</li><li>Button3</li></ul></div>

下面的脚本

$(document).ready(function() {
    $('#showmenu').click(function() {
            $('.menu').slideToggle("fast");
    });
});

演示/http://jsfiddle.net/APA2S/1/

Answer 1

您只需要toggleClass 函数。看看这个Fiddle

$(document).ready(function() {
    $('#showmenu').click(function() {
        $('.menu').slideToggle( 'fast' );
        $('#showmenu').toggleClass( 'color' );
   });
});