滑動面板開啓/關閉上點擊

Question

我怎麼能有有這樣的滑動面板功能，但「點擊」，而不是鼠標懸停/鼠標移開

<script> 
    $("button.main").mouseover(function() { 
     $("div.sliderInner").animate(
       {"width": "100px"}, 
       "500"); 
    }); 

    $("button.main").mouseout(function() { 
     $("div.sliderInner").animate(
       {"width": "0px"}, 
       "700"); 
    }); 

    $("button.main").mouseover(function() { 
     $("div.sliderInner") 
     .html('Example Content'); 
    }); 

    $("button.main").mouseout(function() { 
     $("div.sliderInner") 
     .html(''); 
    }); 
    </script> 

謝謝

Answer 1

代替鼠標懸停做.toggle然後通過包括slideInner

$(#buttonmain).toggle(function() { 
    $('div.sliderInner').animate(
      {"width": "100px"}, 
      "500"); 
     }, function() { 
      //animate next click 
     }); 

點擊次數提供任意數量的您想要切換功能將通過你的函數週期