[jQuery] DT selector not applying to last DT in DL tag on IE7
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.