Javascript 使用快捷码向wordpress帖子添加内容

我想在wordpress的帖子中添加类似的内容。我一直在尝试创建一个短代码，将其插入到帖子中，但一直在努力解决这个问题。我可以用一个基本的函数得到一个基本的短代码来添加文本，但在搜索了几个小时后，我不知道如何将html和javascript作为短代码内容的一部分

任何帮助都将不胜感激。谢谢

<div id="sliderone">
<div id="nav">
    <div id="navone" style="text-align: center;">This is a clickable title</div>
</div>
<div id="title"></div>
</div>

 <script type="text/javascript">

$('#navone').click(function () {
$('#title').html("<img src='http://placehold.it/350x350' alt='' />");
$('#sliderone').animate({
height: '450'
});
});

</script>

这是一个可点击的标题
$（'#navone'）。单击（函数（）{
$（'#title'）.html（“”）；
$（“#滑块”）。设置动画({
高度：'450'
});
});

您可以使用PHP的

它看起来像这样

function addClickableTile(){

$content = <<<HEREDOC

<div id="sliderone">
<div id="nav">
    <div id="navone" style="text-align: center;">This is a clickable title</div>
</div>
<div id="title"></div>
</div>

 <script type="text/javascript">

$('#navone').click(function () {
$('#title').html("<img src='http://placehold.it/350x350' alt='' />");
$('#sliderone').animate({
height: '450'
});
});

</script>

HEREDOC;

return $content;

}

add_shortcode('addClickableTile','addClickableTile');

函数addClickableTile（）{
$content=对于所有选项，OP应该引用Yes，上面的代码只是将字符串转储到页面上，它不接受任何参数。