سلام وقت شما بخیر..
کد رو به صورت زیر ادیت کنید لطفا.. برای اینکه کل قسمت headerلینک بشه و هرجا کلیک شد منو باز بشه باید تگ div رو داخل تگ a قرار بدید
و برای قسمت اول سوالتون که اگر منویی باز بود و منوی بعدی رو باز کردیم بقیه بسته بشن باید از data-parent استفاده کنید به تگ اصلی که card ها در اون قرار دارند یک id دلخواه میدید و برای هر card یک ویژگی data-parentبا همون مقدار ست می کنید و حتما قبلش یک # باید بزارید.
<div id="accordion">
<div class="card">
<a class="card-link" data-toggle="collapse" href="#link1">
<div class="card-header">
link1
</div>
</a>
<div id="link1" class="collapse show" data-parent="#accordion">
<div class="card-body">
link1 content
</div>
</div>
</div>
<div class="card">
<a class="collapsed card-link" data-toggle="collapse" href="#link2">
<div class="card-header">
link2
</div>
</a>
<div id="link2" class="collapse" data-parent="#accordion">
<div class="card-body">
link2 content
</div>
</div>
</div>
<div class="card">
<a class="collapsed card-link" data-toggle="collapse" href="#link3">
<div class="card-header">
link3
</div>
</a>
<div id="link3" class="collapse" data-parent="#accordion">
<div class="card-body">
link3 content
</div>
</div>
</div>
</div>
