Question

我能够添加一个快速标记按钮，将[spoiler][/spoiler]添加到我的wp评论部分，但现在我需要隐藏/显示文本内部。

我提供了以下代码以添加到我的主题function.php，但它看起来不像代码正在执行，因为页面输出仍然是test [spoiler]hint[/spoiler]而不是test View Spoiler>>

`// jQuery Spoiler Function`
function add_spoilers() {
echo '
<script type="text/javascript">
$(document).ready(function() { 
$("span.spoiler").hide();

         $(\'<a class="reveal">View Spoiler &raquo;</a> \').insertBefore(\'.spoiler\');

        $("a.reveal").click(function(){
            $(this).parents("p").children("span.spoiler").fadeIn(100);
            $(this).parents("p").children("a.reveal").fadeOut(100);
        });

    }); 
    </script>

    <style>
        /* If you want you can add custom CSS here for the spoilers!  Below is what I use on my blog. */
        a.reveal:hover { cursor:pointer; }
        span.spoiler { background-color:#FCE586; }
    </style>
';
}
add_action('wp_head', 'add_spoilers');

// Spoiler Shortcode
function spoiler_shortcode( $atts, $content = null ) {

$output = '<span class="spoiler">';
$output .= do_shortcode($content);
$output .= '</span>';

return $output;
}

add_shortcode('spoiler', 'spoiler_shortcode');`

显示Hide Spoiler短代码wordpress

0 个答案: