Jquery css установить видимость при нажатии кнопки ⇐ Jquery

[Anonymous]

Я пытаюсь настроить видимость индикатора на разных полях.
У меня есть слайдер с двумя кнопками: следующая и предыдущая. я пытаюсь показать номер активного слайда при нажатии кнопки «Далее». Я делаю это следующим образом

Код: Выделить всё

$("#BtnNext").click(function (event) {
{
if ($('#MainContainer').css("marginLeft") == "0px") {
$('#FirstPage').css("visibility", "hidden");
$('#SecondPage').css("visibility", "visible");
$('#ThirdPage').css("visibility", "Hidden");
$('#FourthPage').css("visibility", "Hidden");
}
if ($('#MainContainer').css("marginLeft") == "-1425px") {
$('#FirstPage').css("visibility", "Hidden");
$('#SecondPage').css("visibility", "Hidden");
$('#ThirdPage').css("visibility", "visible");
$('#FourthPage').css("visibility", "Hidden");
}
if ($('#MainContainer').css("marginLeft") == "-2850px") {
$('#FirstPage').css("visibility", "Hidden");
$('#SecondPage').css("visibility", "Hidden");
$('#ThirdPage').css("visibility", "Hidden");
$('#FourthPage').css("visibility", "visible");
}
if ($('#MainContainer').css("marginLeft") == "-4275px") {
$('#FirstPage').css("visibility", "visible");
$('#SecondPage').css("visibility", "Hidden");
$('#ThirdPage').css("visibility", "Hidden");
$('#FourthPage').css("visibility", "Hidden");
}
}
});

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

Подробнее здесь: https://stackoverflow.com/questions/136 ... tton-click