tabs [prototype vs jquery]

2009-05-18 | 11:09 am | Kein Kommentar »

data
status
net

jquery

<script>
$(document).ready(function() {
  $("div.acs_content_div").eq(0).show().siblings("div").hide();

  $("a.acs_tab").click(function() {
    acs_tab_id= $(this).attr("id");
    acs_content_id= acs_tab_id.replace(/tab/, "content");
    $("#" + acs_content_id).show().siblings("div").hide();    
  });
});
</script>

prototype (1.5)

<script>
Event.observe(window,'load', function () {
  $$('.acs_content_div').each(Element.hide);
  $('acs_content_data').show();

  $$('.acs_tab').each(function (tab, ix) {
    tab.observe('click', function(e) {
      $$('.acs_content_div').each(Element.hide);
      var acs_tab_id= tab.getAttribute("id");
      var acs_content_id= acs_tab_id.replace(/tab/, "content");
      $(acs_content_id).show();
    });
  });
});
</script>

Sag etwas dazu: