如何循环使用Click事件,为什么我只可以使用一次之后就没用了

图片说明
$(function () {
$('#down').click(function () {
$('.yc1').show();
$('.yc2').hide();
$('.ys').css('color', 'orange')
$('#down').replaceWith($('#up'));
});
$('#up').click(function () {
$('.yc1').hide();
$('.yc2').show();
$('.ys').css('color', 'blue')
$('#up').replaceWith($('#down'));
});

    });
            <body>
            <div id="down" >
    <img src="images/down.gif" /><span class="jingjian">显示全部品牌</span>
</div>
<div id="up" class="yc1">
    <img src="images/up.gif" /><span class="jingjian">精简显示品牌</span>
</div>
            </body>

用jquery 中的 on 或者 bind 绑定单击事件

你思路错了，把事情想太复杂，哪有这样玩jquery的，把其中一个div设置display:none；

 $(function(){
     $("div").click(function(){  //选择那两个div
                        $("div").toggle()    //还是选择那两个div
     })
 })