Solved

JQuery slideToggle() problem

Posted on 2014-03-30
4
616 Views
Last Modified: 2014-03-30
Hi all.
I'm struggling with a couple of jquery stupid issues (I'm sure they are stupid!)

Please, refer to http://dev.delphicoding.com/appcdw_present.php

Do you see the feature list with rows of two different gray hues? Immediately before the list is a h3 tag which I treat as a button:

<h3 id="btnFeatures">CDW Features:</h3>
<ul id="featuresList">
	<li>Two <b>backup</b> types available: Basic and Advanced</li>
	<li>Multi-threaded <b>backup</b> and <b>restore</b> processes: less time for best results</li>
...

Open in new window


Here the jquery stuff:

	$('#btnFeatures').click(function()
        {
 		$('#featuresList').slideToggle('slow');
	});

Open in new window


Well, when you click the 'button', featuresList slideUp and then slideDown immediately!

Any idea to light up my poor mind?

This question is related to http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Jquery/Q_28400699.html

Thanks to all
0
Comment
Question by:Marco Gasi
  • 2
  • 2
4 Comments
 
LVL 24

Expert Comment

by:mankowitz
ID: 39964816
My guess is that you are assigning the click handler in two separate locations. You may have to look though your code to find out where.

Check by typing this in the console
$("#btnFeatures").data('events')
0
 
LVL 24

Accepted Solution

by:
mankowitz earned 500 total points
ID: 39964828
Use F12 on your page. When  you do, you see that jscript is called twice, once by the php page and then once by jquery.js. That is unusual. Try loading jquery and jquery-ui before loading any of your own scripts and see if that makes a difference.
0
 
LVL 31

Author Comment

by:Marco Gasi
ID: 39964856
Hi mankowitz, thanks for your reply.

I followed your suggestion and though I'm not able to read the source of calls to the event (I don't know how you can say one is called by the php page and one by the js script), your input kade me look in the right direction.

The problem has been fixed moving all link to external javascript files in the head section. So, as often happens to me, when I try to speed up my pages foolowing Google suggetions, I end breaking them or partially or totally!

Thank you
0
 
LVL 31

Author Closing Comment

by:Marco Gasi
ID: 39964857
Thanks
0

Featured Post

3 Use Cases for Connected Systems

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

Question has a verified solution.

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

This article discusses how to create an extensible mechanism for linked drop downs.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
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)
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…

861 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

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now