jQuery Effects - 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' );
   });
});