2011-06-25 3 views
2

Мы используем Quicksand (сортировка filterbale плывун плагин)изменить текст кнопки OnClick

Anyhoo ..

Помимо обычных фильтров, чтобы инициировать зыбучую анимацию. Мы также можем отобразить отдельного < li> с помощью сладостного макета коммутатора.

код которого:

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

Но мой вопрос Если активен Я хочу, чтобы отобразить Less Info.

В нормальном состоянии, чтобы показать дополнительную информацию.

Я уверен, что мы можем сделать это с помощью JQuery

JQuery для управления коммутатором является:

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

Так что мой вопрос просто .. мы можем изменить текст кнопки OnClick для отображения меньше информации или Дополнительная информация при необходимости.

my

ответ

4

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

+0

Совершенное спасибо :) изменили сначала $ на jQuery, thats correct is not it? – 422

+1

Yep, $ и jQuery являются взаимозаменяемыми. Если вы используете другую библиотеку в дополнение к библиотеке, лучше всего использовать jQuery, а не $ – wesbos

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');}); 
+0

Спасибо :) thats great – 422

Смежные вопросы