jquery - RemoveClass 和 AddClass 在我的 SlideDown 登录面板上不起作用

Question

Helo，我有这个顶部登录面板，可以上下滑动。

但我需要的是：当单击div#contenido面板向上滑动时，但显示“Cerrado”的链接不会更改为“Modulo”。它总是说“塞拉多”。

单击div#contenido此更改为“Modulo”时我需要，但它始终保持在“Cerrado”上。

我试过了AddClass()，RemoveClass()但不起作用。

这是我的脚本：

<script type="text/javascript">
    $(document).ready(function () {

        // Expand Panel
        $(".open").click(function () {
            $("div#panel").slideDown("fast");

        });

        // Collapse Panel
        $(".close").click(function () {
            $("div#panel").slideUp("fast");
        });

        // Switch buttons from "Log In | Register" to "Close Panel" on click
        $(".toggle a").click(function () {
            $(".toggle a").toggle();
        });
        $("div#contenido").click(function () {
            $(".toggle a").removeClass("close").addClass("open");
        });
    });
</script>

这是我的 HTML

<div id="toppanel">
    <div id="panel">
        <div class="content clearfix">
        </div>
    </div>
</div>
<div class="tab">
    <ul class="login">
        <li class="left">&nbsp;</li>
        <li class="toggle">
            <a class="open"  href="#">Módulo</a>
            <a class="close" style="display: none;" href="#">Cerrar</a>
        </li>
        <li class="right">&nbsp;</li>
    </ul>
</div>
<div class="toggle">
    <div id="contenido">
        <div class="close">
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <h1>Panel Desplegable</h1>
            <br />
            <p>Un párrafo es un grupo de palabras en un texto escrito que expresa una idea o un argumento, o reproduce las palabras de una historia o la vida actual. Está compuesto por un conjunto de oraciones que tienen cierta unidad temática o que, sin tenerla, se enuncian juntas. Es un componente del texto que en su aspecto externo inicia con una mayúscula y termina en un punto y aparte. Comprende varias oraciones relacionadas sobre el mismo subtema; una de ellas expresa la idea principal. Es el conjunto de oraciones constituidas de un texto separadas por un punto y aparte y punto y seguido.</p>
        </div>
    </div>
</div>

希望你能帮我！

谢谢你。

对不起我的英语不好 u_u

Answer 1

你需要使用

$("div#contenido").click(function () {
    $(".toggle a.open").show();
    $(".toggle a.close").hide();
});

演示：小提琴