рони, я воспользовался Вашей открывашкой, только поменял классы
$(function() {
var $but = $(".profile_link"),
$blocks = $(".profile-block");
$but.each(function(i, elem) {
var $el = $(elem);
$el.click(function() {
$but.not($el).removeClass("active-menu-item");
$el.toggleClass("active-menu-item");
$blocks.filter(function(j, el) {
i == j && $(el).slideToggle();
return i != j
}).slideUp();
})
});
$('html').click(function (event) {
if ($(event.target).closest('.profile_link, .profile-block' ).size() && !$(event.target).is('.closeButton')) return;
$but.filter('.active-menu-item').click()
});
});
где .profile_link - это класс ссылки
.profile-block - это класс блока который открывается и скрывается;
Что бы сделать, прокрутку к открывшемуся блоку, попробовал добавить:
$(".profile_block").scrolTo()
после
}).slideUp();
но не сработало(
Куда правильнее вставить?
И еще такой вопрос, с этой открывашкой при клике на ссылку передается в адресную строчку "#", это никак не повлияет потом на отправку формы?
В том что используется в href="#", ничего страшного нет?
И сейчас получается, если кликать на ссылку, но страница подпрыгивает вверх, это из-за href="#", как понял, это как-то убрать можно?!)
И у меня на битриксе есть код стандартный, может его лучше доделать, что бы была прокрутка к выпавшему блоку и мог открываться только один?
Вот тут примерная верстка с битрикса html/css:
https://jsfiddle.net/d1mka21/ecesw2mn/
Сам скрипт, тут
https://jsfiddle.net/d1mka21/2y3xpreo/