I have a definition list (<dl class="faqList">) and i'm adding a click function to each <dt> tag in the list. There are about 6 or 7 <dt></ dt><dd></dd> pairs in the list.
For some reason in IE7, the click function i've made does not apply to the last <dt> tag in the list. Can anyone explain why? Here is my javascript code: $(document).ready(function () { //Toggle Faq Answers $(".faqList dd").hide(); $(".faqList dt").add("dd").append("<span class=\"hr\"></span>").end ().click(function(){ $(".faqList dt.isopen").removeClass("isopen").find("span").toggle (300).end().next().toggle(300); $(this).addClass("isopen").find("span").toggle(300).end().next ().toggle(300); }); }); If you need more info please let me know. Thank You.