Переменная 's' определяется только внутри обработчика щелчка для 'x', потому что она объявлена внутри функции. Если вы установите точку останова внутри функции щелчка, тогда 's' будет работать.
Как правило, не рекомендуется создавать глобальные переменные, но ради отладки можно сделать глобальную переменную 's', объявив ее вне функции $ (document) .ready (), например:
<script language="javascript" type="text/javascript">
var s;
$(document).ready(function()
{
$('.x').click(function() {
s = $("#StateContainer")[0];
s.className = (s.className == 'StateOne' ? 'StateTwo' : 'StateOne');
});
});
</script>