I have draggable content blocks which can be hidden when pressed the X button. And i have a Menu button, which shows the hidden menu items in the top bar. This doesnt work in IE9 but it does work in all other browsers.
I am working with the latest version of Jquery.
Code where the hiding/showing where the content divs is done.
- $(document).ready(function(){
- $('.sluit').click(function() {
- $('#tekstcontainer, .sluit').slideUp(200);
- $('.info').delay(200).animate({width:'toggle'},200);
- });
-
- $('.info').click(function() {
- $('.info').animate({width:'toggle'},200);
- $('#tekstcontainer, .sluit').delay(200).slideDown(200);
- });
- $('.sluit2').click(function() {
- $('#socialpullout, .sluit2').slideUp(200);
- $('.share').delay(200).animate({width:'toggle'},200);
- });
-
- $('.share').click(function() {
- $('.share').animate({width:'toggle'},200);
- $('#socialpullout, .sluit2').delay(200).slideDown(200);
- });
-
- $('.sluit4').click(function() {
- $('#inleidingbrands, .sluit4').slideUp(200);
- $('.inleidingzij').delay(200).animate({width:'toggle'},200);
- });
-
- $('.inleidingzij').click(function() {
- $('.inleidingzij').animate({width:'toggle'},200);
- $('#inleidingbrands, .sluit4').delay(200).slideDown(200);
- });
-
- $('.sluit4-1').click(function() {
- $('#inleidingidentity, .sluit4-1').slideUp(200);
- $('.inleidingzij-1').delay(200).animate({width:'toggle'},200);
- });
-
- $('.inleidingzij-1').click(function() {
- $('.inleidingzij-1').animate({width:'toggle'},200);
- $('#inleidingidentity, .sluit4-1').delay(200).slideDown(200);
- });
-
- $('.sluit4-2').click(function() {
- $('#inleidingpackaging, .sluit4-2').slideUp(200);
- $('.inleidingzij-2').delay(200).animate({width:'toggle'},200);
- });
-
- $('.inleidingzij-2').click(function() {
- $('.inleidingzij-2').animate({width:'toggle'},200);
- $('#inleidingpackaging, .sluit4-2').delay(200).slideDown(200);
- });
-
- $('.sluit4-3').click(function() {
- $('#inleiding3d, .sluit4-3').slideUp(200);
- $('.inleidingzij-3').delay(200).animate({width:'toggle'},200);
- });
-
- $('.inleidingzij-3').click(function() {
- $('.inleidingzij-3').animate({width:'toggle'},200);
- $('#inleiding3d, .sluit4-3').delay(200).slideDown(200);
- });
- $('.sluit4-4').click(function() {
- $('#vijfdeproduct, .sluit4-4').slideUp(200);
- $('.inleidingzij-4').delay(200).animate({width:'toggle'},200);
- });
-
- $('.inleidingzij-4').click(function() {
- $('.inleidingzij-4').animate({width:'toggle'},200);
- $('#vijfdeproduct, .sluit4-4').delay(200).slideDown(200);
- });
-
- });
code for the menu:
- $(document).ready(function(){
- $('#togglemenu').click(function() {
- $('#menu').fadeToggle(200);
- });
-
- $('#trigger').click(function() {
- $('#blok1').toggle();
- });
- $('#blok1').mouseenter(function() {
- $('#blok1').addClass("bg");
- $('#blok1 li a').removeClass("kleur");
- $('#blok1 li a').addClass("wit");
- });
- $('#blok1').mouseleave(function() {
- $('#blok1').removeClass("bg");
- $('#blok1 li a').removeClass("wit");
- $('#blok1 li a').addClass("kleur");
- });
- $('.it1').click(function() {
- $('.it1').toggleClass("highlight");
- $('.it2, .it3').removeClass("highlight");
- $('.it2, .it3').addClass("wit");
- });
- $('.it2').click(function() {
- $('.it2').toggleClass("highlight");
- $('#blok2').toggle();
- $('.it1, .it3').removeClass("highlight");
- $('.it1, .it3').addClass("wit");
- });
- $('.it3').click(function() {
- $('.it3').toggleClass("highlight");
- $('.it2, .it1').removeClass("highlight");
- $('.it2, .it1').addClass("wit");
- });
- $('#blok2').mouseenter(function() {
- $('#blok2').addClass("bg");
- $('#blok2 li a').removeClass("kleur");
- $('#blok2 li a').addClass("wit");
- });
- $('#blok3-1, #blok3-2').mouseenter(function() {
- $('#blok3-1, #blok3-2').addClass("bg");
- });
- $('#blok3-1, #blok3-2').mouseleave(function() {
- $('#blok3-1, #blok3-2').removeClass("bg");
- });
-
- $('#blok2').mouseleave(function() {
- $('#blok2').removeClass("bg");
- $('#blok2 li a').removeClass("wit");
- $('#blok2 li a').addClass("kleur");
- });
- $('.it2-1').click(function() {
- $('.it2-1').toggleClass("highlight");
- $('#blok3-1').toggle();
- $('#blok3-2').hide();
- $('.it2-2, .it2-3').removeClass("highlight");
- $('.it2-2, .it2-3').addClass("wit");
- });
- $('.it2-2').click(function() {
- $('.it2-2').toggleClass("highlight");
- $('#blok3-2').toggle();
- $('#blok3-1').hide();
- $('.it2-1, .it2-3').removeClass("highlight");
- $('.it2-1, .it2-3').addClass("wit");
- });
- $('.it2-3').click(function() {
- $('.it2-3').toggleClass("highlight");
- $('.it2-2, .it2-1').removeClass("highlight");
- $('.it2-2, .it2-1').addClass("wit");
- });
-
- $('.hoef').click(function() {
- $('#nieuwspopup').toggle();
- });
- });
And the output IE debugbar gives me
- Regel: 5642
- Karakter: 5
- Foutnummer: 0
- Error: Ongeldig aanroepend object
- URL: http://tdhgroup.eu/cms/js/jquery-1.6.1.min.js
link to page:
http://bit.ly/qGsFVr