Здравствуйте!
Прошу помощи.
На сайте в шапке есть форма фильтра с кнопкой
<button type="submit" class="goresult" >Подобрать кондиционер</button>
Результаты сортировки фильтра выводятся в блоке ниже
section class="selection,
до применения фильтра там выводятся все записи без сортировки
Задача такая.
Изначально блок с записями скрывать, при клике по кнопке submit надо блок отображать и поднимать его вверх (прокручивать экран).
Как пробовал.
Поставил якорь перед блоком
<a name="result"></a>
Во-первых якорь срабатывает только если кнопку button обернуть ссылкой на якорь и плюс к тому же поставить такую ссылку рядом, ее приходится скрывать.
<a href="#result"><button type="submit" class="goresult" >Подобрать кондиционер</button></a>
<a style="opacity:0;" href="#result">дублирующая</a>
Во-вторых когда поставил скрипт который отображает блок с записями при клике на кнопку, исчез переход к якорю.
<script>
function resu() {
$('.selection').hide();
$('.goresult').click(function(event) {
event.preventDefault(); // Для того чтобы при нажатии на ссылку не кидало вверх
$('.selection').slideToggle();
});
resu();
</script>
Как заставить все это работать вместе и одновременно?