Question

我正在使用wordpress和jquery标签，并想知道是否有人可以帮助我。我的示例与此jQuery UI Tabs

类似

这是我的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>

我的剧本

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

我遇到的麻烦是我无法隐藏第二个<div class="fw-image-tabs-content"></div>。两个div都具有相同的类名和相同的id。由于某种原因，只有第一个id工作。如何显示/隐藏两个div的文本？

由于

Answer 1

你试过这个吗？

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

Jquery选项卡具有相同ID的元素

1 个答案: