2016年1月22日 星期五

jQuery 滑動隱藏顯示表單

jQuery技巧:

<script type="text/javascript">
$(document).ready(function(){
$('div.t120').hide();
$('a.a120').click(function(){
if($('div.t120').is(':hidden'))
$('div.t120').slideDown('slow');//關閉

else
$('div.t120').slideUp('slow');//開起
        return false;
})
})
</script>

body內容:

<a href="#" class="a120">按出表單</a><br />
<div class="t120" id="t120">
  <form id="form1" name="form1" method="post" action="">
  <p>
    <input type="radio" name="radio" id="name1" value="name1" />
      <label for="name1">小</label>
    </p>
    <p>
      <input type="radio" name="radio" id="name2" value="name2" />
      <label for="ta2">大</label>
  </form> 
</div>

沒有留言:

張貼留言

影片的問題請留在影片的留言區裡。
部落格不會另外通知給我,所以很難發現你有留言。