更改按钮文本 onclick

Question

我们正在使用 Quicksand（可排序的过滤器流沙插件）

无论如何..

除了普通的滤镜之外，还可以启动流沙动画。我们还可以使用一个可爱的小布局切换器来显示各个 < li > 。

其代码为：

<!-- layout switcher -->
    <div id="layoutSwitcher">
        <a id="buttonsend" class="notsosmall pink button">More Info</a>
    </div>
    <!-- /end layout switcher -->

但我的问题是，如果处于活动状态，我想显示较少的信息。

正常状态下显示更多信息。

我确信我们可以使用 jQuery 做到这一点

控制切换器的 jQuery 是：

jQuery('#layoutSwitcher a').myPortfolioLayoutSwitcher({
    show_switcher: true,
    full_width_layout: false 
});

所以我的问题很简单......我们可以更改按钮文本 onclick 以根据需要显示更少的信息或更多信息。

我的

Answer 1

十分简单。您只需在两个文本范围之间切换即可。

 <a id="buttonsend" class="notsosmall pink button">
     <span>More Info</span>
     <span style="display:none">Less Info</span>
 </a>

还有一些JS

$('a#buttonsend').click(function() {
    $('span',this).toggle();
});

在这里查看它的工作原理： http: //jsfiddle.net/m9zxx/