Hey guys. I think this has to do with the 'extra comma somewhere' that I've read about on the forums all too often, but I can't seem to locate anything. I'm not a coder by trade, just an implementer of plug ins :)
So I have a few plug ins and everything works fine in FF and Chrome, but in IE nothing is displayed (related to the jQuery). In the IE debug console I get a syntax error, character 1 on the line I've highlighted. Any help will be greatly appreciated. Here's the plug in codes I use:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#example1 .kwicks').kwicks({
max: 500,
spacing: 1,
sticky: true,
defaultKwick: 3
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('ul.tabs').each(function() {
jQuery(this).find('li').each(function(i) {
jQuery(this).click(function(){
jQuery(this).addClass('current').siblings().removeClass('current')
.parents('div.section').find('div.box').hide().end().find('div.box:eq('+i+')').fadeIn(150);
});
});
});
});
})(jQuery) <-Syntax Error Character 1
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
//Caption Sliding (Partially Hidden to Visible)
jQuery('.boxgrid.caption').hover(function(){
jQuery(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
}, function() {
jQuery(".cover", this).stop().animate({top:'75px'},{queue:false,duration:160});
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: 'http://dlchub.com/db/wp-content/uploads/2010/05/avtab.png', //path to the image for the tab //Optionally can be set using css
imageHeight: '150px', //height of tab image //Optionally can be set using css
imageWidth: '50px', //width of tab image //Optionally can be set using css
tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'hover', //options: 'click' or 'hover', action to trigger animation
topPos: '201px', //position from the top/ use if tabLocation is left or right
leftPos: '0px', //position from left/ use if tabLocation is bottom or top
fixedPosition: false //options: true makes it stick(fixed position) on scroll
});
});
</script>