Javascript Jquery选项卡具有相同id的元素

我正在使用wordpress和jquery选项卡，想知道是否有人可以帮助我。我的示例与此类似

这是我的php代码

<?php if (!defined('FW')) die( 'Forbidden' ); ?>
<?php $tabs_id = uniqid('fw-image-tabs-'); ?>
    <div class="fw-image-tabs-container" id="<?php echo esc_attr($tabs_id); ?>">
        <div class="fw-image-tabs">
            <?php foreach ($atts['image_tabs'] as $key => $tab) : ?>
                <div class="fw-image-tabs-content" id="<?php echo esc_attr($tabs_id . '-' . ($key + 1)); ?>">
                    <h3 class="fw-image-tabs-content"><?php echo $tab['tab_image_title']; ?></h3>
                    <img src="<?php echo esc_attr( $tab['tab_image']['url']); ?>">
                </div>
            <?php endforeach; ?>

            <ul>
                <?php foreach ($atts['image_tabs'] as $key => $tab) : ?>
                    <li><a href="#<?php echo esc_attr($tabs_id . '-' . ($key + 1)); ?>"><?php echo $tab['tab_title']; ?></a></li>
                <?php endforeach; ?>
            </ul>

            <?php foreach ( $atts['image_tabs'] as $key => $tab ) : ?>
                <div class="fw-image-tabs-content" id="<?php echo esc_attr($tabs_id . '-' . ($key + 1)); ?>">
                    <p><?php echo do_shortcode( $tab['tab_content'] ) ?></p>
                </div>
            <?php endforeach; ?>
        </div>
    </div>

我遇到的麻烦是我无法隐藏第二个

。两个div具有相同的类名和相同的id。由于某些原因，只有第一个id有效。如何显示/隐藏两个div的文本

谢谢你试过这个吗

jQuery(document).ready(function ($) {
    $('.fw-image-tabs').tabs();
});

---

您好，您需要设置唯一性以设置多个选项卡功能多个div不应该具有相同的标识即使我更改了第二个div的标识，它仍然不起作用。并不是说它会解决问题，但具有相同标识的多个div会使html无效，而不是此$（'.fw image tabs'）.tabs（）；请尝试$（'.fw图像选项卡：first'）.tabs（）$（'.fw图像选项卡：最后一个'）.tabs（）；

jQuery(document).ready(function ($) {
    $('.fw-image-tabs').tabs();
});