토글을 사용하여 이미지를 가로로 표시 할 수 있습니까?

버튼을 사용하여 이미지 상태를 "숨김"에서 "표시"로 토글합니다. 이미지를 표시 할 수는 있지만 이미지가 나타나면 정점 맞춤으로 나타납니다. 이미지가 세로로 표시되는 대신 가로로 표시되기를 바랍니다. 내가 토글 말할 수있는 이미지 대신 verticle 라인의 수평 라인에 표시하는 방법에 따라서토글을 사용하여 이미지를 가로로 표시 할 수 있습니까?

<div class="left ch-ad-profile-left eleven columns"> 
    <button> 
     <div class="boxes-212x100"> 
      <h4 class="blue">Parked Ads</h4> 
      <div class="status-l"> 
       <p>Updates</p> 
       <center><span>18</span></center> 
      </div> 
      <div class="status-r"> 
       <p>Removed</p> 
       <center><span>3</span></center> 
      </div> 
      <div class="clearfix"></div> 
     </div> 
    </button> 
    <script> 
     $("button").click(function() { 
      $(".boxes-112x100-1").slideToggle("slow"); 
     }); 
    </script> 

    <!--end class=boxes-212x100--> 
    <div class="boxes-112x100-1" style="display:none;"> 
     <img src="../../../images/placeholder-small.png" class="" alt=""> 
    </div> 
    <div class="boxes-112x100-1" style="display:none;"> 
     <img src="../../../images/placeholder-small.png" class="" alt=""> 
    </div> 
    <div class="boxes-112x100-1" style="display:none;"> 
     <img src="../../../images/placeholder-small.png" class="" alt=""> 
    </div> 
    <div class="boxes-112x100-1" style="display:none;"> 
     <img src="../../../images/placeholder-small.png" class="" alt=""> 
    </div> 
    <div class="boxes-112x100-1" style="display:none;"> 
     <img src="../../../images/placeholder-small.png" class="" alt=""> 
    </div> 
    <div class="clearfix"></div> 
</div>

을 다음과 같이

내 마크 업이다?

출처

2012-10-01 user1090227