Solved

JQuery slideToggle() problem

Posted on 2014-03-30
4
615 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
Comment Utility
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
Comment Utility
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 30

Author Comment

by:Marco Gasi
Comment Utility
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 30

Author Closing Comment

by:Marco Gasi
Comment Utility
Thanks
0

Featured Post

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

Suggested Solutions

Introduction Got endorsements from your clients?  Great!  There is almost nothing better than word-of-mouth advertising.  But how can you do that on the internet?  Sure you can make a page for endorsement quotations and list them all, but who is …
There are a couple ways to attach a JavaScript function to dynamically created elements. You can make a new script for each element as it’s created or you can use delegation. Delegation allows a single script that is added at page creation to mat…
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…

763 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

6 Experts available now in Live!

Get 1:1 Help Now