JQuery Beer FAQ Tutorial
Default Content Cursor for Selected Question
Section 2, Lesson 6
JQuery Beer FAQ Tutorial
Default Content Cursor for Selected Question
Section 2, Lesson 6
You may not have noticed that it is not until you move the mouse off the selected FAQ question that the hand pointer cursor changes back to the default cursor. This step removes the hand pointer on the element clicked with the faq-question class.
Insert the highlighted line 18 in the index.html file in your practice folder, then save.
Source Code
JQuery offers the method hasClass that returns true or false if a class belongs to what JQuery has selected. On line 21 the hasClass method is applied to the elemens with the faq-question class that caused the hover event. JQuery provides a css method to get and set styles for selected elements. Lines 22 and 24 set the css cursor property according to the if statement logic for a true and false of the hasClass
For more information on CSS cursor property see cursor.
Source Code
This is the completed site.css file for this tutorial. There are no changes from the previous lesson.