Javascript 重置。在函数内切换

我正在jQuery中使用show和hide。基本上在我的页面上，我有很多类，它们不是唯一的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 -->

---

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

我不完全确定您的代码在做什么，但有一个可选参数。如果为真，则显示所选内容；如果为false，它将隐藏选择。

您也可以给出您的html代码吗？这些代码是我在网站上使用的。我认为切换必须在2个变量showText和hideText之间移动。理想情况下，我希望在使用下拉列表时将切换重置为showText。这更有意义吗？