js控制，显示或隐藏按钮

现有的情况是网站主页有一个显示时事新闻的list，通常情况下只显示五条最新消息，消息下方有一个【more】按钮，点击查看更多，当全部信息展开后，此时按钮仍然显示为【more】有些奇怪，想把它改成【close】，点击进行关闭。

方法很多种，一个是更改按钮显示内容

当然也可以重新追加一个【close】按钮，我选择的是第二种，

在js中添加如下代码：

$(document).ready(function)(){ 

    A.b(); //用于隐藏【close】按钮

    A.c(); //【more】点击事件

    A.d(); //【close】点击事件

});

    A = {

        b:function() {

            $(‘.close’).hide();//首先隐藏【close】按钮

        },

        c:function() {

            $(document).on(‘click’,‘.more’,function() {

            $(‘.close’).fadeIn(); //显示【close】按钮

            $(‘.more’).hide(); //隐藏【more】按钮

        });

    },

        d:function() {

            $(document).on(‘click’,’.close’,function() {     

                XXX.slideToggle(‘slow’,function(){ //为了让按钮转换不突兀，在列表隐藏动作结束之后在加载后续动作

                $(‘.close’).hide();//隐藏关闭按钮

                $(‘.more’).fadeIn();//显示更多按钮

                });

            });

        }

};