码迷,mamicode.com
首页 > 其他好文 > 详细

模仿大众点评过滤框

时间:2015-07-09 11:17:28      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:javascript

相关的js代码:

$('#control-part-1').click(function(){
                    $(this).css('backgroundColor','#fff');
                    $('#part-1').css('display','block');
                    $(this).siblings().css('backgroundColor','#eee');
                    $('#part-1').siblings('.right-part').css('display','none');
                });
                $('#control-part-2').click(function(){
                    $(this).css('backgroundColor','#fff');
                    $('#part-2').css('display','block');
                    $(this).siblings().css('backgroundColor','#eee');
                    $('#part-2').siblings('.right-part').css('display','none');
                });
                $('#control-part-3').click(function(){
                    $(this).css('backgroundColor','#fff');
                    $('#part-3').css('display','block');
                    $(this).siblings().css('backgroundColor','#eee');
                    $('#part-3').siblings('.right-part').css('display','none');
                });
                $('#control-part-4').click(function(){
                    $(this).css('backgroundColor','#fff');
                    $('#part-4').css('display','block');
                    $(this).siblings().css('backgroundColor','#eee');
                    $('#part-4').siblings('.right-part').css('display','none');
                });
我的:
技术分享

大众点评的:

技术分享

版权声明:本文为博主原创文章,未经博主允许不得转载。

模仿大众点评过滤框

标签:javascript

原文地址:http://blog.csdn.net/u011011025/article/details/46813571

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!