data-inline = "true"는 쿼리 모바일을 사용하여 예제에서 작동하지 않습니다.

Question

안녕하세요. 검색어 모바일에서 div를 숨기고 표시하는 방법을 알려주세요.

5 가지 방법으로 숨기기 및 표시 기능을 사용할 수 있습니다.

또는 토글 클래스를 사용 하시겠습니까? 여기 내 피들입니다. http://jsfiddle.net/ravi1989/3LEdJ/2/ 나는 표시하거나 "openclosebutton"당신이 가지고있는 probem가 텍스트 필드의 폭

<div class="ui-grid-c"> 
     <div class="ui-block-a"> 
     <input name="text-12" id="text-12" value="" type="text" class="textSearchvalue_h">  
     </div> 
     <div class="ui-block-b"> 
     <a href="#" data-role="button" data-corners="false" data-inline="true" class="searchButtonClickText_h" >Search</a> 
     </div> 
     <div class="ui-block-c"> 
     <a href="#" data-role="button" data-corners="false" data-inline="true" class="next_h">Next</a> 
     </div> 
     <div class="ui-block-d"> 
     <a href="#" data-role="button" data-corners="false" data-inline="true" class="previous_h">Previous</a> 
     </div> 
     <div class="ui-block-e"> 
     <a href="#" data-role="button" data-corners="false" data-inline="true" class="close_h">close</a> 
     </div> 
    </div> 

Answer 1

.This 사업부의 클릭에 숨길 필요가있다. 난 당신이 원하는 효과를 달성하기 위해 그리드 레이아웃을 사용하는 것이 좋습니다 :

<div class="ui-grid-c"> 
    <div class="ui-block-a"> 
    <input name="text-12" id="text-12" value="" type="text" class="textSearchvalue_h">  
    </div> 
    <div class="ui-block-b"> 
    <a href="#" data-role="button" data-corners="false" data-inline="true" class="searchButtonClickText_h" >Search</a> 
    </div> 
    <div class="ui-block-c"> 
    <a href="#" data-role="button" data-corners="false" data-inline="true" class="next_h">Next</a> 
    </div> 
    <div class="ui-block-d"> 
    <a href="#" data-role="button" data-corners="false" data-inline="true" class="previous_h">Previous</a> 
    </div> 
</div> 

이 문서 here를 참조하십시오.