如何实现多个div下li标签，一次点击显示6个，显示完标签之后替换图标，然后点击把li标签收只剩下4个，然后又换回原来的图标，各个div不冲突

[楔子]

<div class="list_all fz15">
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                            <a href="#" ><img src="list_logo.jpg" alt=""><span class="fl">7k7k灌水乐园</span></a>
                        </div>
<div class="list_btn"><a href="javascript:"></a></div>

显示完全部之后，就修改list_btn的背景图片，点击之后只显示原来4个，怎么样做呢？

[楔子]

自己写出来了。。散分了。来接好

$(".list_btn").click(function () {

        if($(this).parent().find('.list_all a:hidden').length!=0){
            $(this).parent().find('.list_all a:hidden:lt(6)').show();
            if($(this).parent().find('.list_all a:hidden').length==0){
                $(this).parent().find('.list_btn').css("background-image","url(../images/angle_btm2.png)");
            }
        }
        else{
            $(this).parent().find('.list_all a').hide();
            $(this).parent().find('.list_all a:lt(4)').show();
            $(this).parent().find('.list_btn').css("background-image","url(../images/angle_btm.png)");
        }
    })

[zujinsheng]

接分了.. 我看见标题就想到了 lt.. 哈哈..谢楼主