easy jQuery 程式寫作練習：平順的滑顯和滑隱

Hover to see !

jQuery練習題slideToggle

圖片或媒材要放在DIV裡面，才能平順滑動

這 是我要按下去的地方。 就是表格裡面的ＴＤ， 然後在ＴＤ裡面要設好id。

  click▲照片也要設上id，才能進行互動設置。

構思重點：（一）將媒材放到
DIV裡，對DIV進行互動設定。
可以看到，不管是從圖像、videos
或是文字 都可以平順地控制變化。
（二）互動文本中，讀者是無法被
精準預 期閱讀行為。
所以，為一種閱讀內容設定
多種可行 的到達途徑，例如
設定二個以上的click點來到達，
是一位互動作者的
基本寫作思考態度。

這個課程範例，互動程式的使用是老套的，早教過。但，要寫出來，因為一些操作技巧可以幫助同學更多。這些寫作上／使用kompozer的操作技巧很重要，但同學似乎掌握的不是很好。如果你已跟著我學了一陣子，這個課程案例，會對你有真正提升功力的助益。

一、影音教學：

二、範例中的 jQuery:：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script> $(function() { $('#im2014110801').click(function() { $(this).slideToggle(600); }); $('#ta2014110801').click(function() { $('#im2014110801').slideToggle(600); }); }); </script>

三、jQuery程式寫法影音說明：