jQuery 1.4 Animation Techniques Beginner's Guide

Time for action – fading table-rows in IE

This time we'll change the script slightly so that it works as intended in Internet Explorer.

1. Change the contents of the last <script> element in the fadeTo.html file that we created in the last example so that it appears like this (new or changed code is shown in bold):

   var messageList = document.getElementById("messageList"),
     messages = $("table", messageList),
   
     confirmDiv = $("<div></div>", {
       "class": "confirm",
       text: "Really delete?"
     }),
     remove = $("<button></button>", {
       id: "delete",
       text: "Yes"
     }).appendTo(confirmDiv),
       cancel = $("<a></a>", {
       href: "#",
       id: "cancel",
       text: "Cancel",
       title: "Cancel"
     }).appendTo(confirmDiv),
   
     deleteRow = function(e) {
    var selector = (window.ActiveXObject) ? $(this).closest("tr").children() ...