Solved

Jquery not working in IE 10

Posted on 2014-09-26
7
1,028 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

 

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

The Ultimate Checklist to Optimize Your Website

Websites are getting bigger and complicated by the day. Video, images, custom fonts are all great for showcasing your product/service. But the price to pay in terms of reduced page load times and ultimately, decreased sales, can lead to some difficult decisions about what to cut.

Question has a verified solution.

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

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…
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)

734 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