tumblr - Tumblr 阅读更多在同一页面上展开

Question

我正在开发一个 Tumblr 网站。当用户点击“阅读更多”时，内容在同一页面上显示和展开，我该怎么做？

Answer 1

由于 Tumblr 正在重新设计 UI 以进行编辑，因此阅读更多工具可能已对您隐藏。重置您的偏好以使用富文本编辑器来编辑帖子。阅读更多工具位于项目符号列表工具和图像工具之间。请参阅屏幕截图。

Answer 2

好的，这是一个简单的脚本，但它可以工作。将此代码添加到您的主题之前的标签（或应该是）：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
     $('.spa').click(function(){
      $(this).parent().children('div.spb').toggle('normal');
      return false;
     });
    });
    </script>


<style type="text/css">
.spb{display:none;}
.spa{cursor:pointer;display:block;} 
.spa:after{display:block;content: "{lang:Read more}";margin-bottom:10px;} 
</style>

现在，当您编写新文本时，将这些内容添加到其中。

    Text before Spoiler
    <a href="" class="spa"></a>
     <div class="spb">
    Text after Spoiler
     </div>