Question

Basically, I have code where the user clicks a link, and then a div appears. The user than has to click the same link to make this div disappear. I have eight divs. How do I set it up so that you can click another link within the div to close it, rather than clicking the same link you used to open it? My code is below.

http://www.lovehatecreate.net/iqhomes/jquery-show-hide-plugin-2/index.php

Please ignore the lines that say syntax error. The code still works, I just forgot to upload a file for something not relevant to my question that is on the page.

Thank you!

Answer 1

Does this cover your use case?

Excerpt:

$('.show').click(function () {
    var divId = $(this).data('divId');
    $('#' + divId).toggle();
});

$('.hide').click(function () {
    $(this).parent().hide();
});