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
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.
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()
andhide()
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