查看更多/更少切换正在页面

Question

我试图找出是什么导致我的观点在移动视图中向下/向下推离我的视图更多/更少切换，只发生在主页上，当我登录时不会发生。

<div class="view-content-links mobile-hidden">
<a href="javascript:void(0);" id="view_more_link" class="view-content-link">View More</a>
<a href="javascript:void(0);" id="view_less_link" class="view-content-link">View Less</a>
<script type="text/javascript">
Y.use('jquery-ui',function(Y) {
jQuery(function() {
jQuery('.view-content-link').click(function() {
jQuery('#entry_page_custom_html').toggleClass('expand');
jQuery('.view-content-link').toggle();
});
});
});
</script><noscript>&amp;nbsp;</noscript> 
</div>

我收集的是

<div class="custom-wysiwyg-text" id="fr_html_container"> </div>

的高度超过2000.不知道是什么造成的，我将高度设置为300px（我现在删除了），但视图更多切换没有显示出来。但是，如果我在Chrome控制台中删除了div，则切换显示，但这样做会删除内容。我无权访问包含该元素或javascript代码的html文档。

我迷失了该怎么做。如果我可以，我希望更多/更少地删除视图，以便在移动视图中显示内容。我尝试使用jQuery的删除功能，但它没有用。

$(document).ready(function() {
    $("div").removeClass(".view-content-links");
    $("div").removeClass(".mobile-hidden");

}

这是测试页：Testpage

任何建议都将不胜感激。