Question

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

安美居..

除了常规过滤器外，还可以启动流沙动画。我们还可以显示个人＆lt; 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 
});

所以我的问题很简单..我们可以更改按钮文字，以便在必要时显示更少信息或更多信息。

我

Answer 1

轻松的Peasy。您只需要在两个文本跨度之间切换。

 <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/

Answer 2

假设插件的工作方式类似于jquery的固有切换方法，切换应该有效。

jQuery('#layoutSwitcher a').myPortfolioLayoutSwitcher({
    show_switcher: true,
    full_width_layout: false 
}).toggle(
    function(){jQuery(this).html('show less');},
    function(){jQuery(this).html('show more');});

更改按钮文本onclick

2 个答案: