переключение между кнопкой остановки запуска jquery

Question

Эй, я пытаюсь создать кнопку остановки запуска, которая переключается между собой одной кнопкой ... Я получил ее, чтобы работать с остановкой, но, похоже, она не вернулась к START после этого

ЭРВО скрипку им работать на

http://jsfiddle.net/hUYZv/4/

ЭРВО в JS

$('#start_timer_button').on('click', function(e){ 
    e.preventDefault(); 
    $('.stop_button').removeClass('stop_button'); 
    $(this).text('stop').addClass('stop_button'); 
}); 

Херес HTML

<button id='start_timer_button'> Start Timer</button> 

Answer 1

Попробуйте это:

$('#start_timer_button').on('click', function (e) { 
    e.preventDefault(); 
    $(this).text(function (_, text) { 
     return text === 'stop' ? 'Start Timer' : 'stop'; 
    }).toggleClass('stop_button'); 
}); 

FIDDLE DEMO

Answer 2

Попробуйте настройки, если заявление, чтобы проверить, если он должен начать или остановить.

if ($(this).hasClass('stop_button')) { 

Вот jsfiddle для него: Start/Stop Button