Before I start writing, I want to thank you for reading my blog and following me on my journey. I appreciate it.


I’m not sure if I mentioned this before but I’m going solo now on my Chingu project. My teammates quit the project a few weeks ago and I decided to work on the project. I have been coding it for about 2-3 weeks now. I will be able to finish it by the April 20 deadline.

I only have 2 issues left.

  • A testimonial carousel
  • A fake chat option at the bottom

This week I worked on the code tabs. It’s a tabbed section that consists of 3 tabs. Each tab displays some code.

I was actually having difficulties with this before. I started it Monday, I think. I was using toggleClass on jQuery to apply an active and inactive class. However, it wasn’t working the way I expected.

So, I stopped working on it for a couple of days. During that time, I helped one of my teammates on my Grow with Google – Udacity project make a carousel work. Our project has a slideshow as the main header to show images from the 3 cities we are from.

I was able to make it work using show() and hide() methods.

This actually became the answer to my chingu problem. I tried it out. Voila! It worked. Instead of changing the classes, I just shows the first tab and hid the 2 other tabs on load. Then, I added a listener for each tab button that showed the clicked tab and hid the others when the button was clicked.

I think the code is still a bit messy but it works. Once the project is done, I will revisit it to see if I can implement it in a better way.

Alright, check out the site here.

http://htmlpreview.github.io/?https://github.com/chingu-voyage4/Toucans-Team-5/blob/master/index.html

Day[28] - Update on Project Newbs
Day[30] - Finishing up

Leave a Comment

Your email address will not be published. Required fields are marked *