Чтобы скрыть и показать контент с помощью JavaScript через ссылку, вы можете использовать несколько методов. Вот несколько часто используемых методов:

1. Управление встроенным стилем. Вы можете использовать JavaScript для изменения встроенного атрибута styleэлемента HTML, чтобы скрыть или показать его. Например, вы можете установить для свойства displayзначение "none", чтобы скрыть элемент, и "block", чтобы отобразить его. Вот пример:

<a href="#" onclick="document.getElementById('content').style.display = 'block'; return false;">Show Content</a>
<div id="content" >
    <!-- Your content here -->
</div>

2. Манипулирование классами. Другой подход — добавлять или удалять классы CSS с помощью JavaScript для управления видимостью элементов. Вы можете определить различные классы с соответствующими правилами CSS для скрытия и отображения элементов. Вот пример:

<style>
    .hidden {
        display: none;
    }
</style>
<a href="#" onclick="document.getElementById('content').classList.remove('hidden'); return false;">Show Content</a>
<div id="content" class="hidden">
    <!-- Your content here -->
</div>

3. jQuery: Если вы используете библиотеку jQuery, вы можете использовать ее встроенные методы для достижения желаемой функциональности. jQuery предоставляет методы hide()и show()для скрытия и отображения элементов соответственно. Вот пример:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<a href="#" onclick="$('#content').show(); return false;">Show Content</a>
<div id="content" >
    <!-- Your content here -->
</div>

Это всего лишь несколько примеров того, как можно скрывать и показывать контент с помощью JavaScript. Вы можете выбрать метод, который лучше всего соответствует вашим требованиям и стилю кодирования.