Question

I have the following code to let the surfer move to #OntdekPlus div:

<div class="pakket-box-cta bg-armonea-rood m-0 p-2">
    <p class="text-center"><a href="#OntdekPlus" class="btn armonea-grijs-1">Ontdek <span class="text-uppercase">Plus</span></a></p>
</div>

Further down the page, I have the following link that toggles a collapse element, but it doesn't move the surfer to #OntdekPlus:

<a class="ontdek-card-btn w-100" data-toggle="collapse" data-target="#collapseOntdekPlus" aria-expanded="true" aria-controls="collapseOntdekPlus">
    <h3 class="mb-0">Ontdek <span class="text-uppercase"><strong>Plus</strong></span></h3>
</a>

But I need a link that does both (move to anchor AND toggle the collapse) but I can only manage to have one of the two functions working. This is what I came up with:

<p class="text-center"><a href="#OntdekPlus" data-target="#collapseOntdekPlus" data-toggle="collapse" aria-expanded="true" aria-controls="collapseOntdekPlus" class="btn armonea-grijs-1">Ontdek <span class="text-uppercase">Plus</span></a></p>

Here is the full peice of html for the div where I want to anchor too: https://pastebin.com/3RBmXNSp

是否可以同时进行？我在代码中哪里出错了？

感谢您的帮助！

<a> That both links to anchor AND toggles data-toggle collapse

0 个答案: