Nenhum dos codigos slideUp, slideDown e slideToogle estão funcionando. Quando testo no navegador não acontece os efeitos que deveria acontecer. Na verdade é como se não tivesse efeito algum.
$("#botao-placar").click(mostraPlacar);
function inserePlacar() {
var corpoTabela = $(".placar").find("tbody");
var usuario = "Gustavo"
var numPalavras = $("#contador-palavras").text();
var linha = novaLinha(usuario, numPalavras);
linha.find(".botao-remover").click(removeLinha);
corpoTabela.append(linha);
$(".placar").slideDown(500);
scrollPlacar();
}
function scrollPlacar(){
var posicaoPlacar = $(".placar").offset().top;
$("body").animate(
{
scrollTop: posicaoPlacar+"px"
}, 1000);
}
function novaLinha(usuario, palavras){
var linha = $("<tr>");
var colunaUsuario = $("<td>").text(usuario);
var colunaPalavras = $("<td>").text(palavras);
var colunaRemover = $("<td>");
var link = $("<a>").addClass("botao-remover").attr("href", "#");
var icone = $("<i>").addClass("small").addClass("material-icons").text("delete");
link.append(icone);
colunaRemover.append(link);
linha.append(colunaUsuario);
linha.append(colunaPalavras);
linha.append(colunaRemover);
return linha;
}
function removeLinha(){
event.preventDefault();
var linha = $(this).parent().parent();
linha.fadeOut();
setTimeout(function(){
linha.remove();
},600);
}
function mostraPlacar(){
$(".placar").stop().slideToggle(300);
}