[d1mka21]

рони, я воспользовался Вашей открывашкой, только поменял классы

$(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/