Dynamicky sa meniaca ikona v službe Twitter Bootstrap 3 - javascript, jquery, css, twitter-bootstrap, knockout.js

Pozrite sa tu (používa jquery, knockoutjs, twitter bootstrap 3):

http://jsfiddle.net/NCuFy/3/

<i class="glyphicon" data-bind="click: function() { isPaused(!isPaused()) }, css: {"glyphicon-play": isPaused(), ".glyphicon-pause": !isPaused()}"></i>

var viewModel = {
isPaused: ko.observable(true),
};

ko.applyBindings(viewModel);

Keď kliknem na ikonu prehrávania, ikona zmizne. Ikona by sa mala zmeniť na ikonu pauzy. Čo je zle? Používam najnovší prehliadač Chrome.

odpovede:

Máš . pred vašou glyphicon-pause, Odober to

demo: http://jsfiddle.net/tymeJV/NCuFy/4/

css: {"glyphicon-play": isPaused(), ".glyphicon-pause": !isPaused()}
^ I DONT BELONG THERE!!