Как реализовать открытие списка по нажатию?

Question

[xatab-007]

Привет форумчане.
Помогите реализовать функционал открытия списка или строки по нажатию на кнопку.
Примерно такого же плана: Стим

Функционал нужен простой.
На сайте имеется таблица 2 столбца 7 строк.
Строки имеют width: 175px; если текста много, он сдвигается вниз и раздвигают высоту строки.
Хочу сделать чтобы текст был в одну строку, а когда текста больше чем на width: 175px; появлялась кнопка + по нажатию на которую открывался остальной текст.
Кто сможет дать рекомендации? Помочь? Можно за вознаграждение.

Comments

[xatab-007]

Мне помогли. Сделали кнопку + с нужным функционалом.

Answer 1

[Lynatik001]

html + js + css - проверка длины содержимого. если дольше чем надо замена на обрезаный текст + ... А на кнопку повесить событие что обратно заменяет на полноценный текст

Comments

[xatab-007]

Да! Это так. Но с JS я на Вы) и как это реализовать незнаю.
Искал решения, но везде надо знание js дабы допилить под себя.
Нашел такой варик, но там кнопка + всегда активна.

[Lynatik001]

xatab-007,

$(function(){
  $("#open").click(function(){ 
      $("#portfolio").toggleClass('active')
      $("#open").hide();
    });
  });

вот одну строчку добавил. пропадает твоя кнопка. но тут надо как я говорил с текстом работать. а не шире делать блок. - только расширением блока не обойдешся. там текст будет просто вылазить. если не вмещается

[xatab-007]

Lynatik001, Бро можешь сделать рабочий вариант? Там нужно сделать именно так! Если много текста и он превышает 175px появлялся + по которому открывался весь текст. И скажи сколько это стоить будет. Может договоримся)
Вот скрин где есть проблема:

[Lynatik001]

xatab-007, @Erorr911 вот телега. пиши