슬라이드가 jquery에서 작동하지 않습니다.

Question

링크를 클릭하면 콘텐츠가 오른쪽으로 슬라이드하고 슬라이드가 왼쪽으로 이동합니다. 제대로 작동하지 않았습니다. 나는 CSS, HTML과 JQuery와 내용

jQuery를 언급했습니다

 $(".ques1").on("click", function() { 
      $("#page1").hide("slide", { direction: "right" }, 1200); 
      $("#page2").delay(1200).show("slide", { direction: "left" }, 1200); 
     }); 

HTML :

<div class="content" id="page1"> 
       <ul> 
<li><label><input type="radio" name="ques1" class="ques1" value="label1">label1</label></li> 
<ul> 
     </div> 


    <div class="content" id="page2"> 
      ------- 
    </div> 

CSS : 내가 ques1 클래스 을 사용하지 않은

.content{ 
    background:#0381BC; 
    position:absolute; 
    right:0; 
    top:20%; 
    padding:30px 20px; 
    border-radius:10px 0 0 10px; 
    width: 25%; 
    opacity:0.9; 
    } 
    #page2{ 
    display:none; 
    } 

전 jquery.min.js가 포함되어 있습니다.

Answer 1

이 줄에 문제가 있습니다. 숨기고 보여주기 ??? 이

$("#page1").hide("slide", { direction: "right" }, 1200); 

Working Demo 당신은 또한 JQuery와 UI 라이브러리를 포함했다

괭이로

$("#page1").hide(show("slide", { direction: "right" }, 1200)); 

변경을.