[jQuery] Toggle append and remove tablerow with dynamic classname

[fishbaitfood]

Hi all,

 

So I want to fill a table with rows (obviously), with jQuery, when clicking on a list-item label.

But clicking on the same button also needs to remove the same row.

Therefor I generated a classname for each row, based on the list-item label's html text.

 

But with the code I have now, it won't remove the row.

 

$("ul.checklist label").toggle(
function() {
	var product = $(this).html();
	$("table tr:last").after("<tr class=\"tr-"+product+"\"><td>"+product+"</td></tr>");
}, function() {
	var product= $(this).html();		//  Guess this won't work, right?
	$("table tr.tr"+product).remove();
}
);

 

Thanks.

 

[fishbaitfood]

Is there another way to pass the class variable to the second function? Or is the syntax just not right?

[fishbaitfood]

Nevermind..

 

I forgot to add a dash in front of the second variable class.