0

Всем привет!

Подскажите как в таком варианте менять текст самой ссылки? Или посоветуйте другой вариант.

HTML:

<a class="show-block" href="#block">Показать всех</a>
<div id="block">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</div>

CSS:

#block {
    display: none;
    width: 600px;
}

JQuery:

$(document).ready(function() {
    $("a.show-block").click(function() {
        $($(this).attr('href')).toggle('slow');
        return false;
    });
});

Спасибо!

1 ответ 1

4

можно сохранить альтернативный текст и показывать вот так:

HTML:

<a class="show-block" href="#block" data-alt="Скрыть всех">Показать всех</a>
<div id="block">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</div>

js:

$(document).ready(function() {
    $("a.show-block").click(function() {  
        var $t=$(this),alt=$t.data('alt');
        $t.data('alt',$t.text());$t.text(alt);          
        $($t.attr('href')).stop().toggle('slow');
        return false;
    });
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.