Question

当用户点击“＃34;立即收听”时，我会为某些播放列表提供2个选项。。所以选项是Spotify链接或Youtube链接。对于某些播放列表，我没有2个选项可供选择，因此我将有一个选项，例如Soundcloud链接。现在，当我点击＆＃34时，它显示2个选项;立即收听＆＃34;但是如何让＃34;现在听＆＃34;按钮还有一个选项吗？

我的jsfiddle代码（没有php代码）

对于1个选项，我不想要＆＃34;选项栏＆＃34;出现，我希望＆＃34;现在听＆＃34;例如，按钮链接到soundcloud链接。这意味着当我有选项1时，我希望代码看起来像这样，因此用户不会选择。

   <button class="btn-wrap">
     <a class="btn-wrap" target="_blank" href="#">
       <div class="btn">listen now</div>
    </a>
  </button>

这是2个选项，spotify链接和youtube链接。因为我不总是有spotify和youtube链接。有时我会为播放列表选择一个选项。

<?php

        $args  = array('post_type' => 'music-playlist');
        $query = new WP_Query($args);

        $cntr = 0;

        while( $query -> have_posts() ) : $query -> the_post(); $cntr++; ?>

    <section class="row-wrap">
        <div class="row-inner music-wrapper">

            <?php if ($cntr % 2 == 1) { ?>

            <div class="poster-wrap">
                <img class="poster" src="<?php echo(types_render_field('artwork', array('raw' => true) )); ?>"> 
            </div>

            <div class="poster-content">
                <h1><?php echo(types_render_field('playlist-name', array('raw' => true) )); ?></h1>
                <p><?php echo(types_render_field('description', array('raw' => true) )); ?></p>

                <button class="btn-wrap">
                    <div class="btn">listen now</div>
                </button>

                <div class="option-bar">
                    <a target="_blank" href="<?php echo(types_render_field('spotify-url', array('raw' => true) )); ?>">Spotify</a> or <a target="_blank" href="<?php echo(types_render_field('youtube-url', array('raw' => true) )); ?>">Youtube</a>
                </div>
            </div>


            <?php } else { ?>

            <div class="poster-content">
                <h1><?php echo(types_render_field('playlist-name', array('raw' => true) )); ?></h1>
                <p><?php echo(types_render_field('description', array('raw' => true) )); ?></p>

                <button class="btn-wrap">
                    <div class="btn">listen now</div>
                </button>

                <div class="option-bar">
                    <a target="_blank" href="<?php echo(types_render_field('spotify-url', array('raw' => true) )); ?>">Spotify</a> or <a target="_blank" href="<?php echo(types_render_field('youtube-url', array('raw' => true) )); ?>">Youtube</a>
                </div>
            </div>

            <div class="poster-wrap">
                <img class="poster" src="<?php echo(types_render_field('artwork', array('raw' => true) )); ?>"> 
            </div>
            <?php } ?>

        </div>
    </section>

如果我有选项，如何使选项栏消失？

0 个答案: