Skip to main content

Lab 7


Hello, everyone!

 In this lab, we had to make an accordion using jQuery, so there is hidden content. The directions we were given is to have 10 questions based on our favorite subject and when the user hover over the question, it reveals the answer. This sounds complicated to code, but its actually simple. jQuery UI gives the people the ability to make an accordion with one line of code instead of above 4. So in order for the accordion to work, we first had to link the js file to the document first. When finishing with that, we had to make a layout in order for the accordion to be made.

So first we have to make a div, then wrap another div inside, where the answer would be put in. This would need to be repeated for 10 times. Once that was done, then you would do the .accordion function. This lab has taught me the power of using jQuery libraries and the benefit of implementing them on my websites. This lab would help me develop as a web designer because in order to have a good website, the user must have a good experience.

Comments

Post a Comment

Popular posts from this blog

Lab 23

Hello everyone! For lab 23, we needed to make a website page that had an agenda on it. I did it by utilizing the info tag on HTML and styled it with CSS we likewise needed to make a capacity where in the event that you press the move key and snap 2 check boxes it would check everything in the middle. I made this by making a capacity called Handle watch that had an occasion parameter. Utilizing the occasion parameter we could check if the move key was clicked or not and in this way giving us a chance to choose if everything in the middle of two check boxes ought to be checked or not. Also, this lab I figure out how to utilize the forEach capacity And how to make bolt works. I will apply these abilities later on when I need to make a site where it has a ton of usefulness so I would need to utilize the for each capacity and make a capacity. Counsel I would offer is to utilize jQuery rather than vanilla JavaScript on the grounds that it truly abstracts the whole JavaScript language into...
Post a Comment
Read more

lab 18

Hello Everyone! Despite the fact that this lab wasn't front-end overwhelming, it was exceptionally specialized as we chiefly utilized the comfort. What we needed to do was to emphasize through clusters, and items. Utilize various strategies to channel and sort the exhibits/objects. First we working on sifting clusters by utilizing the channel technique made for items to channel the ladies dependent on their lifetime period. For the names object, we utilized the sort technique to sort the names in sequential order request and for the transportation object, we utilized the decrease strategy to check the occasions that particular article came up in the exhibit and showed that in the support. I did this lab since it was doled out to me by my educator, I took in a great deal in this lab. For instance, I didn't know the greater part of these techniques even existed in JavaScript like the channel() strategy. I see myself utilizing these aptitudes later on when I am working with bun...
Post a Comment
Read more

Lab 19

Hello everyone ! Lab 19 was fundamentally the same as lab 18 as far as managing exhibits/information. This time we needed to discover certain information in the item and the file of that object. We additionally checked if each item meets explicit criteria like age. So we had constants which iterated through articles to discover individuals that are grown-ups. We did this by utilizing the a few() and each() on the item. To discover remarks and their lists in the exhibit I utilized the find() and findIndex() techniques to discover explicit remarks utilizing the id object of that cluster and record it.  I did this lab since it was doled out to me by my instructor, I took in a ton in this lab. For instance, I didn't know the vast majority of these strategies even existed in JavaScript like the a few() and each() technique. I see myself utilizing these aptitudes later on when I am working with loads of information and I have to sort/channel or do anything with the information so far ...
Post a Comment
Read more