在Sliding Read More WP插件上切换显示/隐藏错误

时间:2012-09-25 11:44:41

标签: javascript wordpress-plugin show-hide jquery

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;

    });
});

我自己尝试编辑没有结果...... 你能帮忙吗?

谢谢

0 个答案:

没有答案