jQuery Forum

Hi jPeople,

i am trying to fade in some content, which is display:hidden; at the beginning.

The markup looks something like this:
     

1. <span id="show-me">Show me ...</span>
2. 
   
3. <div id="content-to-be-fade-in">Some Text</div>

and the script looks like this:

1. jQuery(document).ready(function() { jQuery("#content-to-be-fade-in").css("display","hidden"); });

2. jQuery("#show-me").click(function () {
3.        jQuery("#content-to-be-fade-in").fadeToggle();
4. });

this works as expected.

if i  add an image slider like this:

1. 
   
2. <span id="show-me">Show me ...</span>
3. 
   
4. <div id="content-to-be-faded-in">Some Text</div>
5. <div id="images">some headline [short code to display a nivo image slider]</div>

and change the script accordingly:

1. jQuery(document).ready(function() {
   
2.       jQuery("#content-to-be-fade-in,#images").css("display","hidden");
   
3. });
4. 
   
5. jQuery("#show-me").click(function () {
6.        jQuery("#content-to-be-fade-in,#images").fadeToggle();
7. });

the image slider is not displayed, even though container containing the images is displayed.

i guess there is a conflict between the nivo slider script and the script i added. is there a way to resolve this conflickt?

a push in the right direction would be very much appriciated.

xoxo, jFriedrich