Question

JQuery还CSS大家帮我看看，我的代码怎么才能设置点击改变背景颜色和字体颜色，不是伪类，请看看我的代码

~~这是一个JQuery点击收缩和展开的练习题，我点击了三个带有红色背景，白色字体的连接按钮，然后展开下面的内容，在点击内容收缩回去。

问题1：我怎么在能使得点击了按钮过后，这个字体颜色变为黑色，背景变为黄色，然后点击回去又变为白色字体和红色背景。如下图，点开过后就是黑色字体黄色背景。

点击回去就是白色字体红色背景~

问题2：为什么我设置的代码，第一次点击按钮，要点击两下才有用呢？点击两下过后，后面就只需点击一下了。怎么做成只点击一下就可以了呢？

一共两个问题，请一定帮我解答一下，只有20分了，明天挣到分一点加分，为了学习5000多分都用完了，实在感激不尽！！

我的代码存在云盘里面：请下下来帮我修改一下谢谢了
代码：http://pan.baidu.com/s/1c0fqyNA
JQuery.js：http://pan.baidu.com/s/1jG8QwFs





Answer 1

//隐藏和显示动画效果
            $("div.panel1").toggle(function(){
				//alert('sdf');
                var $parent = $(this).next();
                $parent.slideDown(500); //用600毫秒的事件缓慢开始
            },function(){
                $(this).next().slideUp(500); //用600毫秒的事件缓慢隐藏
            });

应该是这样的，slideDown和slideUp你弄反了

追问

我是问如何点击过后改变字体和背景颜色，点击后又改变回来。你说的有什么用

追答

上面是解决你的问题2，你说有什么用，要改变字体和背景颜色，用jquery的css('font-family','')和css('background','')这两个方法

追问

代码怎么写呢。就是写不来。

哦，你说的是点击一下两下的问。明白了。但是改变颜色我还是不会，光用css无法做到。需要script代码才行。帮我写一下哈。

追答

$("div.panel1").toggle(function(){
                var $parent = $(this).next();
                $parent.slideDown(500); //用600毫秒的事件缓慢开始
$(this).css('color','black').css('backgroundColor','yellow');
            },function(){
                $(this).next().slideUp(500); //用600毫秒的事件缓慢隐藏
$(this).css('color','white').css('backgroundColor','#f06b2c');
            });

拿去用吧。。。。。。

追问

谢谢哈~~我还想请问一下，如果我在CSS里面设置了样式的颜色，script里面怎么直接进入CSS然后起作用了，直接在script里面设置颜色不太标准，最好在样式里面设置，那样代码最清晰明了。
比如我在CSS设置了选择器里面已经默认设置了开始的颜色。然后又一个选择器是 .open{ color：white；backgroundColor：#f06b2c }，适用于点击后的。

追答

用addClass和removeClass这个两个方法可以实现