Menu icon Foundation
tabs and section are not working

I am doing a zurb foundation tutorial, but when I got to tabs and section, they don't work.
here is the tutorial :
Step 5.3.1 in this page :
http://ieatcss.com/zurb-foundation-framework-tutorials/step-by-step-examples/tourist-spot/tourist-spots-step5.html

I followed everything(cut and paste),
my code : http://pastebin.com/zgY39vYK

but here is how it looks for me :
http://s3.postimg.org/6ektwlbar/tabs.png

it should looks like this :
http://ieatcss.com/examples/Tourist%20Spots/contact.html

Thanks, your help is appreciated.

tabssection

I am doing a zurb foundation tutorial, but when I got to tabs and section, they don't work.
here is the tutorial :
Step 5.3.1 in this page :
http://ieatcss.com/zurb-foundation-framework-tutorials/step-by-step-examples/tourist-spot/tourist-spots-step5.html

I followed everything(cut and paste),
my code : http://pastebin.com/zgY39vYK

but here is how it looks for me :
http://s3.postimg.org/6ektwlbar/tabs.png

it should looks like this :
http://ieatcss.com/examples/Tourist%20Spots/contact.html

Thanks, your help is appreciated.

Rafi Benkual over 4 years ago

The example tutorial uses Foundation 4 which is fine but you can't mix the two because it was a different component.

I went ahead and coded it up for you http://codepen.io/rafibomb/pen/dPvEVx

Majid Kamal over 4 years ago

Hi Rafi, thank you for replying to my question, I took a look to your code :
http://codepen.io/rafibomb/pen/dPvEVx

I did not see any tab that when clicked show what inside it.