Читать дальше / меньше проблема с переключением слайдов?

Question

Читать дальше / меньше проблема с переключением слайдов?

0

Я не могу это переключить, чтобы читать более или менее слайд, чтобы работать. Я очень близко, но я не уверен, как отобразить #show-about anchor, чтобы он сначала показывал "read more"?

JSFiddle

$('#show-about').click(function(e){
e.preventDefault();
$('#about-hidden').slideToggle();
$(this).text( $(this).text() == 'Read More' ? "Show Less" : "Read More");
});

angela 25 окт. 2013, в 16:10

Источник

Теги:

jquery

html

css

click

slidetoggle

4 ответа

4

Изменить:

<a href="#" id="show-about">More...</a>

чтобы:

<a href="#" id="show-about">Read More</a>

Пример jsFiddle

Казалось бы, ваша проблема связана с $(this).text() == 'Read More'? "Show Less": "Read More" $(this).text() == 'Read More'? "Show Less": "Read More" и ваша ссылка с текстом More... Когда вы нажимаете ссылку, $(this).text() равно More..., однако вы сравниваете его с Read More, поэтому измените ссылку, чтобы она соответствовала, и вы в порядке.

j08691 25 окт. 2013, в 12:01

0

Почему вы просто не пишете на якорь "Подробнее" вместо "Подробнее..."?

Justinas 25 окт. 2013, в 11:40

0

Вы можете сделать это с помощью jQuery например:

JS

$('#show-about')
    .text('Read More')
    .click(function (e) {
         e.preventDefault();
         $('#about-hidden').slideToggle();
         $(this).text($(this).text() == 'Read More' ? "Show Less" : "Read More");
});

Демо: скрипка

Но, если вы можете изменить разметку HTML и иметь полный доступ к ней, вы можете просто сделать это:

HTML

<a href="#" id="show-about">Read More</a>

palaѕн 25 окт. 2013, в 11:09

Ещё вопросы

jbabey · Accepted Answer · 2013-10-25T11-01-00.000Z

Просто измените исходный текст в своей разметке.

<a href="#" id="show-about">Read More</a>

http://jsfiddle.net/xhLU7/4/