JQuery slideToggle() - 숨김을 표시합니다. 전환하지 않습니다.

Question

나는 현재 slideToggle() 함수를 구현해야하는 클릭 가능한 div가 있습니다. 나는 JSFiddle에서 코드화했다. 그러나, 나의 위치에, 그 때 보여 주 한 번 그것의 각자를 숨긴다 보여준다. 그러면 클릭 한 번으로 슬라이드됩니다.

http://jsfiddle.net/sfvd9aha/19/

// HEADERS

<meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script src="https://code.jquery.com/jquery-1.8.2.min.js"></script> 
    <link rel="stylesheet"href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.js"></script> 
    <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/jquery.validate.min.js"> 

// CSS

.info_button{ 
width: 50px; 
height: 50px; 
background-color: blue; 
} 
.info_text{ 
    display: none; 
} 

// HTML

<form style='text-align:center;' data-ajax="false" id="id_form" method="POST" action="submit.php"> 
<div class="containing-element"> 
    <label name='tbl_name'>Label</label> 
    <div class='info_container'> 
     <div class='info_button'> 
     </div> 
     <div class='info_text'> 
     Here is some text. 
     <div> 
    </div> 
</div> 
<div id="extra_laps_range_stafford"> 
    <input type="range" onchange="changedSelector()" data-highlight="true" name="name[]" id="id" value="0" min="0" step="2" max="4"/> 
    </div> 
</form> 

// JS

$('.info_button').click(function(){ 
    $(this).siblings('.info_text').slideToggle(); 
}); 

사람은 잠재적으로이 문제를 일으킬 수 있는지에 관해서는 어떤 이유로 생각할 수 있습니까?

답변이 아니더라도 나를 가까이있게 해줍니다. 제거 -

<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.js"></script> 

이 문제를 중단했습니다. 그러나이 lib는 사이트에 필요합니다. 갈등을 일으키는 여기에 무엇이 있을지에 대한 제안?

표준 Jquery.min lib와 mobile.min이 모두 페이지에로드됩니다.

의견을 보내 주셔서 감사합니다. 그들은 저를 답으로 인도하는 질문을 제기했습니다. 새로운 jquery.min.js 라이브러리를 가져와야했습니다. 문제가 해결되었습니다. 모두 감사합니다.

Answer 1

jfiddle에서 정상적으로 작동하므로 페이지에서 jquery를 두 번 호출하면이 문제가 발생할 수 있습니다. 이 같은 것

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 

Answer 2

모두 CSSt 일 수 있습니다. 영역의 크기가 확장되면 표시 될 수 있고 분할 된 DOM 동안 렌더링 된 후 이동됩니다.