Here is my code:
http://jsfiddle.net/adige72/BbSd7/
When i click to, suppose “show div 1”, it removes dotted border-bottom of it but once it clicked again the border does not return whereas what i want it does.
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Use toggleClass that should do the trick. You’re doing an each() which may not be needed. Just hook onto the element that needs to be clicked. Don’t need to loop through each parent li etc.
See the first example here: http://api.jquery.com/toggleClass/