Solved

Jquery not working in IE 10

Posted on 2014-09-26
7
961 Views
Last Modified: 2014-09-29
I have a jquery function that toggles see more + and see less+ off and on which works fine in Firefox and Chrome. It does not work in Internet Explorer 10 (but does seem to work in IE9).
Below is the script

 <script>  
        $(document).ready(function(){
      $("p[id^='seeall']").click(function() {
            var $this = $(this);
         $(this).next("div").toggle();
      if ('see more +' == $this.text( )) {
    $this.text('see less -').parent( ).find('.hidden').show( );
    }
    else {
    $this.text('see more +').parent( ).find('.hidden').hide( );
    }
      });
      });
   </script>
0
Comment
Question by:cbeverly
  • 4
  • 3
7 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 40346659
Got a link to the page?
0
 

Author Comment

by:cbeverly
ID: 40346677
http://americanart.si.edu/collections/search/artwork/results/index.cfm?rows=10&q=James+Castle&page=1&start=0&x=0&y=0

You can see the See more+ see less+ on the right hand side underneath the light blue bar "Name"
0
 
LVL 58

Expert Comment

by:Gary
ID: 40346681
Working fine, do an hard refresh - maybe you have an old cached file.
0
Webinar: Aligning, Automating, Winning

Join Dan Russo, Senior Manager of Operations Intelligence, for an in-depth discussion on how Dealertrack, leading provider of integrated digital solutions for the automotive industry, transformed their DevOps processes to increase collaboration and move with greater velocity.

 

Author Comment

by:cbeverly
ID: 40346698
Did you test in IE 10?
0
 
LVL 58

Expert Comment

by:Gary
ID: 40346709
In an emulator, there is nothing in the code that would break in IE
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40346719
Just double check you're not in compatibility mode (even though it works in previous versions as well)
0
 

Author Closing Comment

by:cbeverly
ID: 40350674
You were so right. The user was in compatibility mode. Once I took her out it worked fine.
Thank you so much!!
0

Featured Post

How our DevOps Teams Maximize Uptime

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us. Read the use case whitepaper.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
jquery datable hidden section doesn't submit 2 15
Diminish Pop-up  in 3 seconds 7 44
Setting up JqueryUI with MVC 5 in Visual Studio 5 22
Head to not include on scroll 4 23
Requirements JQuery 1.6+ HTML CSS Introduction This article was inspired by an EE question (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28372511.html) on how to make a page show some balloons animate up a page…
Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question