Как в jquery при клике делать проверку страницу if не того, что было до клика, а того, что после?

Question

[Александр Тимофеев]

$(".dropdown").on("click", function(){
                    if($(".dropdown").hasClass("open")){
                        $(".area-pizza").css("margin-top","200px");
                    }else{
                        $(".area-pizza").css("margin-top","0px");
                    };
                });

Делаю я клик по dropdown менюшке и происходит проверка на наличие класса open у этих менюшек, но дело в том, что когда я кликаю по менюшке этот класс,например, удаляется после клика, а проверка-то странице идёт по исходным данным, т.е. когда класс open ещё был. В результате всё это условие работает с точностью наоборот и вообще не так как надо.

Этот класс open как и dropdawn из bootstrapa в свою очередь.

Answer 1

[Дима Паутов]

Попробуй так, в противном случае ты у всех .dropdown на странице проверяешь!

$(".dropdown").on("click", function(){
                    if($(this).hasClass("open")){
                        $(".area-pizza").css("margin-top","200px");
                    }else{
                        $(".area-pizza").css("margin-top","0px");
                    };
                });