Доброго времени суток! Подскажите пожалуйста, на сайте сделано выпадающее окошко на css с помощью чекбоксов. Нужно было сделать, чтобы при нажатии на кнопку (чекбокс) страница съезжала к появившемуся блоку.
сделал с помощью кода:
код
<div class="fixheight">
<input id="ac-1" class="btn btn-xl js-scroll-trigger backtotop" name="accordion-1" type="checkbox">
<label id="some_point" for="ac-1">Оплатить взнос</label>
<article>
<p>Введите Ваш номер телефона или номер участка и нажмите на кнопку "Получить пароль". Пароль будет отправлен в SMS на Ваш номер телефона.</p>
<input class="form-control" id="phone" type="tel" placeholder="Ваш телефон или номер участка *" required data-validation-required-message="Введите Ваш телефон">
<p class="help-block text-danger"></p>
<button class="sub-button btn" type="submit">Получить пароль</button>
<p>Введите пароль, полученный по SMS</p>
<input class="form-control" id="phone" type="tel" placeholder="Ваш пароль *" required data-validation-required-message="Введите Ваш пароль"> <p class="help-block text-danger"></p>
<button class="sub-button btn" type="submit">Войти</button>
</article>
</div>
$(function() {
$('.backtotop').click(function(){
$('html, body').animate({ scrollTop: $('#some_point').offset().top }, 'slow');
});
});
Теперь страничка едет к нужному блоку при нажатии на "кнопку". Но она едет в любом случае. Если открыть блок и уйти с нужной позиции, то при повторном нажатии на кнопку блок исчезает, но страница перекатывается к пустоте. Как можно дополнить этот скрипт, чтобы он двигал страницу, только если блок появляется?
