asked on

JQuery slideToggle() problem

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 https://www.experts-exchange.com/questions/28400699/JQuery-cycling-list.html

Thanks to all

mankowitz

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')

ASKER CERTIFIED SOLUTION

mankowitz

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Marco Gasi

ASKER

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

Marco Gasi

ASKER

Thanks