How to translate screen to div?

Question

css

There is div collapseone in which the card is hidden. Opens by pressing a. But since the whole thing is at the end of the page, the map simply opens down and you have to scroll to it. How to make the screen immediately centered on the map when clicked?
PS
Why adoes it look like this after clicking?

It seems to decorationhave removed everything.

<a class="yamap" data-toggle="collapse" href="#yamap">КАК НАС НАЙТИ</a>

.yamap:hover {
    background-color: transparent;
    text-decoration: none;
}

.yamap:visited {
    text-decoration: none;
    color: white;
}

.yamap:active {
    text-decoration: none;
    color: white;
}