jQuery: Click to hide element

Question

I have a small jQuery function below. It basically works by clicking on the element #hover-trigger, whether is be a link or image. This then makes a centralized div element appear centrally on screen, in this case #hover-content.

What I am wondering is, what function can I add onto the end of this one to make the div disappear again when a certain element is clicked?

$(document).ready(function()
{
    $('#hover-trigger').click(function()
    {
        $(this).next('#hover-content').slideToggle();
        $(this).toggleClass('active');                  

        if ($(this).hasClass('active')) 
            $(this).find('span').html('&#x25B2;')
        else 
            $(this).find('span').html('&#x25BC;')
    })
});

Retagging, there is no relevance to PHP in this question

Daryl Gill
– Daryl Gill

2013-03-18 01:15:58 +00:00
Commented Mar 18, 2013 at 1:15 — Daryl Gill
– Daryl Gill, Commented Mar 18, 2013 at 1:15

MorningDew · Accepted Answer · 2013-03-18 01:17:45Z

1

whatever element you want to click on, tell it to hide the div.

$("#clickMe").click(function(){

$("#divToHide").hide();
});

answered Mar 18, 2013 at 1:17

MorningDew

5033 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bill · Accepted Answer · 2013-03-18 01:17:57Z

0

Try:

$('#hide-trigger').click(function(){
    $('.avtive').slideToggle();
    $('.active').toggleClass('active');
});

or am I missing something?

answered Mar 18, 2013 at 1:17

Bill

3,52725 silver badges43 bronze badges

Collectives™ on Stack Overflow

jQuery: Click to hide element

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related