Question

Helo，我有这个顶级登录面板，向下滑动。

但我需要的是：当点击div#contenido时，面板会向上滑动，但链接会显示＆＃34; Cerrado＆＃34;不会改变为＆＃34; Modulo＆＃34;。它总是说＆＃34; Cerrado＆＃34;。

我需要点击div#contenido此更改为＆＃34; Modulo＆＃34;，但它始终保持在＆＃34; Cerrado＆＃34;。

我尝试使用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();
});

演示：Fiddle

RemoveClass和AddClass不能在我的SlideDown登录面板上工作

1 个答案: