jQueryt实现按钮显示/隐藏的同时修改按钮样式

边学边做前端的时候想做一个显示/隐藏表单的同时修改按钮本身样式的效果，感觉这个效果挺常见的。先放效果图：
这是这部分刚打开的样子：


这是单击按钮后的样子：


 
边学边做的时候还是绕了一些弯路，主要是在写好了函数之后发现函数并没有起作用，弄了一会才注意到要预加载这个函数才会生效。这些函数的重点是通过判断语句利用jQuery的class操作函数实现样式的修改。这里做一个记录，先记一下代码：myjs.js  $(function(){
//提交反馈信息表单的单击和隐藏
$("#submitform").toggle();
$("#arrow_down_1").click(function(){
$("#submitform").toggle(350);
if($("#arrow_down_1").hasClass("glyphicon-arrow-down")){
$("#arrow_down_1").removeClass("glyphicon-arrow-down")
$("#arrow_down_1").addClass("glyphicon-arrow-up")
}
else{
$("#arrow_down_1").removeClass("glyphicon-arrow-up")
$("#arrow_down_1").addClass("glyphicon-arrow-down")
}
});
});
因为需要隐藏的表单事先没有做隐藏处理，是显示的状态，这里直接在初始化中执行一次隐藏，然后进行一个判断，其实还是很简单的。

 
按钮部分： <button id="arrow_down_1" class="btn btn-xs glyphicon glyphicon-arrow-down" style="color:#00688B;font-size:30px;background-color:transparent;"></button>
       按钮部分就是设置一个id，表单也同样只需要设置一个id就行了，没什么好贴的。