Здравствуйте!
Сделал элементарное сворачивание элемента div, но оно получилось двухуровневое. Теперь мне надо проверить свёрнут или развёрнут второй уровень (точнее div под div-ом), как это сделать?
<div class="container">
<div class="col-md-12">
<div class="row">
<div class="enter">
<button class='enter_btn'><i class="fas fa-user"></i></button>
<div class="log_reg">
<a href="#" class="login">LogIn</a> /
<a href="#" class="registration">Registration</a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="col-md-12">
<div class="row">
<div class="login_activ">
<div class="input">
<input type="text" placeholder=" ... email"><br>
<input type="text" placeholder=" ... parol">
</div>
<button class="login_btn"><i class="fas fa-sign-in-alt"></i></button>
<p>If you have an account then log in! <br>If not - click registration.</p>
</div>
</div>
</div>
</div>
//Развёртывание/свёртывание формы LogIn;
$('.login').click(function () {
$('.login_activ').slideToggle(400);
});
//Развёртывание/свёртывание LogIn/Registration;
$('.enter_btn').click(function(){
$('.log_reg').slideToggle(300);
//попытка проверить условие:
if($('.login_activ').slideUp()){
$('.login_activ').slideDown();
}
});