JQuery script nefunguje

Tento kód funguje:
-------------------------------------------------- --------------------------------
<script>
$(document).ready(function () {

$(".list-group-item").click(function (event) {

if ($(event.target).hasClass('active'))
{
$(event.target).removeClass('active');

} else {

// $(event.target).addClass('active');

}
});
});

</script>
-------------------------------------------------- --------------------------------
Aj tento kód funguje:
-------------------------------------------------- --------------------------------

<script>
$(document).ready(function () {

$(".list-group-item").click(function (event) {

if ($(event.target).hasClass('active'))
{
// $(event.target).removeClass('active');

} else {

$(event.target).addClass('active');

}
});
});

</script>
-------------------------------------------------- --------------------------------
Prečo nefunguje tento?
-------------------------------------------------- --------------------------------
<script>
$(document).ready(function () {

$(".list-group-item").click(function (event) {

if ($(event.target).hasClass('active'))
{
$(event.target).removeClass('active');

} else {

$(event.target).addClass('active');

}
});
});

</script>
-------------------------------------------------- --------------------------------
V prvom prípade sa mi prvok ktorý má nastavenú triedu active po kliknutí "zmení" na prvok bez triedy active.
V druhom prípade sa mi prvok ktorý nemá nastavenú triedu active po kliknutí "zmení" na prvok s triedou active.
V treťom prípade sa po kliknutí na prvok nič nestane (chcel by som aby sa kliknutím pridávala resp. mazala trieda active).