Well, it’s your JS. Try creating an array of selectors.
Oh my…
@Madalena.design Here is the thing about Jquery, if you are looking for a job in Web Development do not spend time learning Jquery. If you just do Web Development in your spare time because you enjoy it go ahead and learn Jquery. Jquery provides an very easy way of putting some special effects on your web page. But you never know, you might get a job doing Web Development at a place that has a boss that loves Jquery.
Alcohol may possibly have some benefits drinking it in small amounts but no one drinks it in small amounts.
@Steffan153 isn’t it possible to make Javascript DRY by creating resuable functions with callbacks and stuff?
Sure, that’s another way.
Ahh, I see. Okay, well thank you for pointing it out! However, I was originally planning to leave it be for the time being because when I get the opportunity to learn one of the libraries, I hope to restructure my javascript. However, if you think it is still vital to clean up the current code, then sure let me know so I will add it to my to-do list 
That is it. Thus, I don’t mind learning jquery swiftly and without putting too much time onto it because even though it was (6+) months ago I remember seeing job vacancies (out of fun) and some did wanted experience with jquery… ![]()
Sorry, maybe I should have been clearer on explaining my concept
You are completely right.
However, my concept is for a case where it would be for someone who loves their old alcohol (jquery) so much that they don’t want to let it ago and/or they also not like the feel or taste of the new alcohols (vue, angular, react etc.) despite it is advised to go with the new alcohols as it has better benefits. I hope this is clearer for you?
?
In this case, dropping jQuery would be harder considering that you did the animation with it.
But, take a look at the beauty of DRY (I know I got a bit complex, but I think it works) : https://codepen.io/phpdude/pen/YmJJZj?editors=0010
And that’s only one way to do it. There’s more ways to do it. 
@Madalena.design I understand your point. I guess the good thing is that even if a person wishes to learn Jquery in the hopes of getting into web development. It is better than not coding anything at all. I say that because I know a guy that paid for an expensive Web Development course online and after he was done he stopped coding and only applied for jobs. He was not practicing and never built his own projects from scratch. He had no portfolio website only had his certificate thinking that that was all he needed to get the job.
I really appreciate your time to help out on this! Thank you! ![]()
I have quickly studied a bit of jQuery, so now I am getting a better understanding of it.
Hopefully, at the weekend, I take the chance to analyze your solution as well as doing a few more tweaking on the page.
See, that is exactly my problem, when it comes to learning languages such as Javascript, Java, I have no problems (most of the times) understanding what some particular codes are meant to do and how they work, however when it comes sitting there and create a solution or even just create something, my mind shares something in common with the document on the screen - it is blank ![]()
I am getting better as times pass, but I still envy at how you could spot something and create a solution! ![]()
oh, also thank you for that. So, I will take your advice on that and just keep it in jquery. ![]()
Oh no…I actually got a friend who kind of in that similar situation. The situation is exactly the same, just my friend studied computer science at university and thought that is all she needed.
I have studied at university (in graphic design) and while I cannot speak for all courses of different fields. I learned barely a thing at university as they teach you anything that was in-depth, just basic tutorials of using Photoshop and illustrator. I also noticed it the same from my friend because she just learned the basics of Java and other languages, yet I happen to know more than she does!
So, now you have mentioned it and my friend being in that same position, I wonder if this is actually a common thing that some people tend to make a mistake - assuming just a course and a certificate is enough to land a job in the industry?? ![]()
@Madalena.design @Steffan153 @ConnerOw1115 By the way, friends don’t let friends use Jquery. (Lol… joke). I found this great article about replacing Jquery with plain Javascript.
Wow, amazing! Nothing much to criticize!
So how about the instead, me asking you questions? 
What resources did you use? Like what are the class names from? (Bootstrap?) Also, can you tell me which sections did you learn all of these animations and responsiveness? Thanks! And once again, amazing work!
What if you used $.fn.animate? that’s the hiccup… 
so i thought "what the hell, a tribute page with this many replies/views?? Whats it all about Alfie? (well aware that will be lost on some folk…)
but any who… Thats some damn nice work, i had a mixture of “holy crap this is good” and “jesus christ this person is going to get all the jobs out there 
”
But its seriously good, well played 
I have to say this was a good read during dinner. Thank you for this as it will definitely comes in handy 
I have to say it took me a while to understand how the forEach() function actually works under the hood, only to find out it is actually a “Syntactic sugar” 
Thank you very much! I am glad to see you like it!
You are definitely welcome to ask ![]()
Well, to improve my HTML, CSS & responsive design skills, I have been learning through this course on Udemy (btw, it is on sale now if you are interested!) It covered a wide range of topics and projects. It includes animation, responsive design, how CSS works under the hood, SASS and probably more that I cannot think of.
Nope, not Bootstrap, but I can understand why you would think that
The name of the classes are all made up by me, however, the technique or structure of the classes is called BEM (Block, Elements, Modifiers) and now I remembered this is also covered in the course I have mentioned above. It took me a while to understand it but I get it now and I LOVE it. It is to improve the productivity of CSS, but it works even better with SASS. Check the links below for more info about BEM:
I hope this helps?? If you have any more questions, please feel free to ask ![]()
Honestly, you are too funny, your comment has actually made me laugh! But, honestly, thank you so much I appreciate very much that you like it…not so sure I am going to get any job at this moment as companies are hungry for greater skills of Javascript and many more, which I am not there, but hopefully I will get through this in my journey to become a decent developer ![]()
Wow, this is honestly amazing! I’ve only been learning html and css for the last month now and seeing your new tribute page has really inspired me!! I love the design and the responsiveness too. I’m still trying to get my head around responsiveness but I’m enjoying the learning experience 
Thank you for sharing!
Beautifully done! I’d love to give you some helpful feedback on what to improve, but I can’t think of anything. How long did this take you to do?
Awww, that is really kind of you, thank you! I am glad to hear that it has given you inspiration and hopefully it will help you as well?? ![]()
I know the feeling, I mean some topics in responsiveness were okay to learn, the one that did take me a bit to grasp was CSS grid, but this article actually helped me out so much, I will link it below and I hope this will help you. I also wish you all the best! ![]()