Обрезанная строка Развернуть и показать полные данные

Question

Здесь я пытаюсь отобразить некоторую информацию на маркере карты Google. Описание содержит длинную строку длиной около 500 символов, которую я сокращаю до 225 символов, а затем добавляю ссылку с помощью тега привязки с надписью «Показать больше». Теперь проблема, Я хочу, чтобы он развернул маркер и показал остальную информацию. Как я могу это сделать?

function stringTrimmer(text, flag) {
var textLength = text.length;
if (flag !== null && flag !== true) {

    if (text.length > 225) {
        var text1 = text.substring(0, 224) + "..." + "<a href=#>Show More </a>";
        return text1;
    }
} else if (flag === true) {
    return text;
}};

Что не работает. Может ли кто-нибудь помочь? Спасибо!

Answer 1

Попробуйте этот простой код и отредактируйте его под свои нужды

function stringTrimmer(text, flag) {
var textLength = text.length;
if (flag !== null && flag !== true) {

    if (text.length > 225) {
        var text1 = text.substring(0, 224) + "..." + "<a class='show-more' old_val='"+text+"' href=#>Show More </a>";
        return text1;
    }
} else if (flag === true) {
    return text;
}};

$('.show-more').bind('click'){
$('some-element').html($(this).attr('old_val'))
}