Как скрыть\показать строку в таблице по клику и условию?

Можно больше кода? https://codepen.io/

По идее просто $("tr")[i].style.display = "none";

shmatuan, тогда уже просто $("tr").toggle(). Но соглашусь, - нужно больше кода, krinbin, - ибо ничерта непонятно.

xtress, shmatuan,
https://codepen.io/anon/pen/MzmZLz

Как-то так.

krinbin, Даже так не слишком понятно. Попробую уточнить:
Вам нужно, чтобы по кнопке скрыть скрывались те строки где для услуги поле итого = 0? При повторном клике опять появлялись?

xtress, в идеале так.
Человек заполняет калькулятор - устанавливает кол-во услуг. Выбрал он 3 шт из 10. Нажимает скрыть лишнее, у него остается таблица с расчетом по 3 услугам, потом он опомнился нажал показать, выбрал еще пару услуг и успокоился.

Второй вариант, хотя бы просто скрыть :) если уж первый вариант слишком сложный.

условие может быть или сумма = 0 или услуга (кол-во) = 0 тут не принципиально.

krinbin,
С минимальными изменениями

$('tbody tr').map(function(i, el){ 
     var name= $(el).find('.subtot').val();
     if (name=="" || name=="0") { 
       
          $(el).css('display','none');
     
     }
}); 
    });

krinbin,
1. $('tbody') - возвращает просто все найденные tbody (тут 1), поэтому делать на него map нет смысла - нужно на $('tbody tr') что бы получить список всех tr и по ним уже проходится
2. var name=$('.subtot') вернёт всегда просто первый найденный - нужно уточнять в какой строке именно искать var name= $(el).find('.subtot')
3. $("tbody tr").css('display','none'); просто берёт все tr и ставит им css без разбора и условий - нужно уточнить к какому именно мы применяем свойства $(el).css('display','none');
p.s. el из $('tbody tr').map(function(i, el){

shmatuan, скорее всего TBODY будет несколько, точнее будет несколько таблиц по итогу

krinbin, ок, тогда этот код ещё обернуть в $('tbody').map((i, tbodyVar) => { ... }) и использовать как $(tbodyVar).find('tr')