Question

I am trying to get the following to loop through the projects (Fade in / Fade Out). But as of now, when you click on the Prev & Next buttons it is only loading the array names and not the content.

I have setup a JS Fiddle file here. http://jsfiddle.net/leemnelson_/Ur7SW/29/

Answer 1

I think this is closer to what you’re looking for: http://jsfiddle.net/Ur7SW/33/

You’re setting the .html() to the string value in the array. You need to use jQuery to the element with that id.

So instead of:

$('.innerContent').html(webProjects);

Use:

$('.innerContent').html($("#"+ webProjects[c]));

It looks like there’s still something going on with your previous button…I’ll take a look at that now.

---

There were other problems as well. Problem with the previous button, repeated id attributes, reusing the same element, etc. I have fixed all of them in this fiddle: http://jsfiddle.net/Ur7SW/49/