jQuery for Seaside

JQEffectsFunctionalTest>>renderContentOn: html
   html paragraph class: 'actions'; with: [
      #(show: hide: toggle: slideDown: slideUp: slideToggle: fadeIn: fadeOut:) do: [ :selector |
         html anchor
            onClick: ((html jQuery: #seastar)
               perform: selector
               with: 1 seconds);
            with: selector allButLast ] ].
   self renderSeastarOn: html

JQEffectsFunctionalTest>>renderSeastarOn: html
   html paragraph id: 'seastar'; with: [
      html image
         altText: 'Seaside';
         url: (JQAllFunctionalTestsLibrary urlOf: #seastarPng) ]

<p class="actions">
  <a id="id18">show</a>
  <a id="id19">hide</a>
  <a id="id20">toggle</a>
  <a id="id21">slideDown</a>
  <a id="id22">slideUp</a>
  <a id="id23">slideToggle</a>
  <a id="id24">fadeIn</a>
  <a id="id25">fadeOut</a>
</p>
<p id="seastar">
  <img alt="Seaside" src="/files/JQAllFunctionalTestsLibrary/seastar.png"/>
</p>
<script type="text/javascript">/*<![CDATA[*/$("#id18").bind("click",function(){$("#seastar").show(1000)});$("#id19").bind("click",function(){$("#seastar").hide(1000)});$("#id20").bind("click",function(){$("#seastar").toggle(1000)});$("#id21").bind("click",function(){$("#seastar").slideDown(1000)});$("#id22").bind("click",function(){$("#seastar").slideUp(1000)});$("#id23").bind("click",function(){$("#seastar").slideToggle(1000)});$("#id24").bind("click",function(){$("#seastar").fadeIn(1000)});$("#id25").bind("click",function(){$("#seastar").fadeOut(1000)});/*]]>*/</script>