Изменение времени изменения после нажатия

Question

Я реализовал это, но он не работает, я хочу, чтобы цвет текста менялся при щелчке и менял его через некоторое время. Он работает без таймера, и с ним ничего не происходит, никаких ошибок на консоли тоже.

JS:

function toggle_color(ele) { 

    $(ele).parent().css({ 
     "color": "red" 
    }); 

    setTimeout(function() { 
     $(ele).parent().css({ 
      "color": "#000000" 
     }, 2000); 
    }) 
} 

HTML:

<p> 
    <button onclick="toggle_color(this);"> 
     text inside button 
    </button> 
    text to toggle color 
</p> 

Answer 1

У вас есть синтаксические ошибки в коде таймера, вы подаете продолжительность до .css вызова, а не timeout

setTimeout(function() { 
    $(ele).parent().css({ 
     "color": "#000000" 
    }); //duration WAS here, should be below 
}, 2000) 
    //^^ duration here