在函数中重置.toggle

Question

我在jQuery中使用。基本上，在我的页面上，我有很多类(不是唯一的ID)，它们都有显示和隐藏功能。但是，当选择下拉列表中的元素时，该内容也会被隐藏并显示出来。

这意味着我设置了两个JavaScript函数。1根据下拉列表显示和隐藏，单击链接时显示和隐藏另一个。

我遇到的问题是，链接文本是基于使用.toggle打开或关闭div的情况而旋转的。如果我在下拉列表中选择了选项1并打开div，那么切换就可以了。但是如果您在下拉列表中选择了一个不同的选项，然后切换链接文本，它就会混淆并显示错误的文本。

我需要能够重新设置切换到隐藏时，下拉使用，但我已经尝试了过去几天，似乎无法使它工作！

以下是jquery代码：

第一个函数用于下拉显示和隐藏，第二个函数用于onclick显示和隐藏。

$(document).ready(function(){
    $('.box').hide();
    $('#dropdown').change(function() {
    $('.box').hide();
    $('#div' + $(this).val()).show();
    $('.redbox').hide();    


 });
});

$(document).ready(function(){

        var showText='Account details'; //Closed text variable
        var hideText='Account details'; //Open text variable

        var is_visible = false;

        $('.redbox').prev().append(' <a href="#" class="toggleLink copyLink" >'+showText+'</a>');
        $('.redbox').hide();

        $('a.toggleLink').click(function() {
            is_visible = !is_visible;
        $(this).html( (!is_visible) ? showText : hideText);

        $(this).parent().next('.redbox').toggle();

        return false;

    });
    });

HTML代码相当长，所以我对它做了一些简化，我们还加载了大量其他动态JavaScript属性。此代码用于下拉列表中的每个元素。

<a href="#" class="toggleLink copyLink"></a>.

<div class="redbox redbox_scroller_sav">

   <div id="coda-nav-1" class="coda-nav">
       <ul>
    <li><a href="#1">Pane 1</a></li>
    <li><a href="#2">Pane 2</a></li>
       </ul>
</div>

<div class="coda-slider preload" id="coda-slider-1">
    <div class="panel">
        <div class="panel-wrapper">
                Pane 1 text
        </div>
    </div>

    <div class="panel">
        <div class="panel-wrapper">
                Pane 2 text
        </div>
    </div>
</div><!-- /coda-slider -->

</div><!-- /redbox div -->

我希望有人能帮助我！提前感谢

Answer 1

我不完全确定您的代码在做什么，但是.toggle()有一个可选的参数。如果是true，您将显示所选内容；如果是false，则将隐藏所选内容。