function - jQuery Toggle not working in IE8 -

There is an issue with jQuery toggles that I'm not working in IE 8. It works in other all as well as IE 9 and IE 10 as well as the browser. I am using Bootstrap with it.

Here is my sample code. Can someone show me the right direction? The fate of humankind is dependent on your answer. : -)

 & lt; Script src = "http://code.jquery.com/jquery-2.0.2.min.js" & gt; & Lt; / Script & gt; & Lt; Script src = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" & gt; & Lt; / Script & gt; & Lt; Script & gt; $ (Function () {$ ('# hiring'). (Function () {$ ('recruitment'). Slogloggle ('sharp'); $ ("#HIR") .toggleClass ("icon -chevron-down ", 07); returned;});}); & Lt; / Script & gt; & Lt; Ul class = "nav nav-list" & gt; & Lt; Li & gt; & Lt; A href = "#" id = "recruitment" & gt; & Lt; I class = "icon-chevron-right" id = "hir" & gt; & Lt; / I & gt; Hiring & lt; / A & gt; & Lt; Div class = "recruitment" style = "display: none;" & Gt; & Lt; Ul class = "nav nav-list" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Sublink 1 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Sublink 2 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Sublink 3 & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Li & gt; & Lt; / Ul & gt;   
 From 
 
 to:  
 
 Remember that jQuery 2.0 will not turn on 6, 7, or  8 ;