RemoveClass 및 AddClass가 내 SlideDown 로그인 패널에서 작동하지 않습니다.

Question

Helo, 맨 위의 로그인 패널이 있으며 아래로 위로 슬라이드합니다.

하지만 내가 필요한 것은 div#contenido을 클릭하면 패널이 위로 올라가지만 "Cerrado"라는 링크는 "모듈로"로 변경되지 않습니다. 그것은 항상 "Cerrado"라고합니다.

div#contenido을 클릭하면 "모듈러"로 변경되지만 항상 "Cerrado"에 유지됩니다.

AddClass() 및 RemoveClass()으로 시도했지만 작동하지 않습니다.

<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> 

당신이 나를 도울 수 있기를 바랍니다

<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

입니다 :

이 내 스크립트입니다!

감사합니다. 내 나쁜 영어 u_u에 대한

죄송합니다

Answer 1

당신은 사용할 필요가

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

데모 :