Hello Js新手问题。
我很高兴使用Sliding Read More Wordpress插件(http://wordpress.org/support/plugin/sliding-read-more)。
如果您切换显示/隐藏相同的“阅读更多”,一切正常。
但是当你切换一个,然后你切换另一个而不关闭前一个,那么“阅读更多/阅读更少”文本就不匹配了。
您可以在此处查看错误:http://www.cntlsn.com/sandbox
以下是所有魔法发生的代码
var $jslide = jQuery.noConflict();
$jslide(document).ready(function() {
// initialise the visibility check
var is_visible = false;
// append show/hide links to the element directly preceding the element with a class of "toggle"
$jslide('.toggle').prev().append(' <a href="#" class="toggleLink">'+showText+'</a>');
// hide all of the elements with a class of 'toggle'
$jslide('.toggle').hide();
// capture clicks on the toggle links
$jslide('a.toggleLink').click(function() {
// switch visibility
is_visible = !is_visible;
// change the link depending on whether the element is shown or hidden
$jslide(this).html( (!is_visible) ? showText : hideText);
// toggle the display - uncomment the next line for a basic "accordion" style
//$('.toggle').hide();$('a.toggleLink').html(showText);
$jslide(this).parent().next('.toggle').toggle('slow');
// return false so any link destination is not followed
return false;
});
});
我自己尝试编辑没有结果...... 你能帮忙吗?
谢谢