Переключение между вкладками

Question

Я очень новичок в разработке, и мне нужна некоторая помощь от вас в разработке наилучшего способа показа контента из разных вкладок с помощью Javascript. Я хотел бы знать, как это можно сделать с помощью Javascript / Jquery. Вот мой HTML ниже. Заранее спасибо за помощь.

<section class="payments-section">

        <ul>
            <li><a href="#deposits" class="payment-tab-button">Deposits</a></li>
            <li><a href="#withdrawals" class="payment-tab-button">Withdrawals</a></li>
        </ul>

        <div class="tab-content-panel">

                            <!--Deposits Tab Content-->

            <div id="deposits">
                Deposit content goes here.
            </div>


                            <!--Withdrawals Tab Content-->

            <div id="withdrawals">
                Withdrawal content goes here.
            </div>
        </div>
</section>

Answer 1

Старайтесь избегать использования jQuery. Это устаревшая технология. С ES6 + вы можете использовать множество функций jQuery предложений, с чистыми JavaScript.

Однако для простых вкладок вам не понадобится JavaScript. Просто сделайте их с некоторыми CSS + HTML: https://medium.com/allenhwkim/how-to-build-tabs-only-with-css-844718d7de2f

Answer 2

Есть много способов сделать это. А так как вы не предоставили больше кода, например CSS, ваша проблема не может быть воспроизведена. И простой поиск в Google даст вам МНОГО примеров и учебных пособий , и после того, как вы решите один из них и попытаетесь его реализовать, не стесняйтесь спрашивать с помощью предоставленного кода вашей попытки.

Я могу указать на один, который мне нравится: W3-Tabs.

Удачи.