I'm in the process of working on a client's site. I have a section containing a ul with list items and a div containing the slides that are triggered when clicking on an li item.

For instance, <li id="nav-one">Item One</li> triggers <div id="slide-one">...</div>.

I want a critique of my solution, and if there is a more refined way to solve it, please show me how you would have done it.

I'm trying to write clear, semantic code as best as I can understand it.

Here is a jsbin with a variation of the code for the client.