finding object by class and fade another object

Question

I have a div with a class id of .icon informationIcon. When I "mouseleave" i want the redNotesDiv(which is on the same page) to fade. Right now, this code does not trigger. I've looked at examples, and it seems as though it should work. What is the problem?

$(".icon informationIcon").bind("mouseleave", function () {
    redNotesDiv.fadeOut("slow", "linear")
});

ASPX. File

<div class="icon informationIcon" style="display: block;"></div>

Maybe your JavaScript executes before your HTML is loaded? Maybe wrap your JavaScript in a [ready](https://api.jquery.com/ready/)? — maazadeeb, Jun 29 '17 at 03:47
What is redNotes2? I mean to say is it a div class or something like that similar to `icon informationIcon`? — Aakash Verma, Jun 29 '17 at 03:53
I don't think it's a duplicate; he might be trying to access a class made of more than one word for which the hack seems the same. — Aakash Verma, Jun 29 '17 at 03:59

score 0 · Answer 1 · answered Jun 29 '17 at 03:49

0

Should with the following format when you want to select element with multiple classes:

$(".class1.class2.class3")

# your code should be
$(".icon.informationIcon").bind("mouseleave", function () {
    redNotesDiv.fadeOut("slow", "linear")
});

answered Jun 29 '17 at 03:49

Fogmoon

569
5
16

Your example is correct too – jan86 Jun 29 '17 at 04:01
@jan86 In fact my answer is earlier than the accepted :-(. Anyway, solve your problem is the first thing. – Fogmoon Jun 29 '17 at 04:45

score 0 · Accepted Answer · answered Jun 29 '17 at 03:52

0

$(".icon.informationIcon").bind("mouseleave", function () {
    redNotesDiv.fadeOut("slow", "linear")
});

In the selector the classes should not have space and each class should have (dot.)operator

answered Jun 29 '17 at 03:52

praveen

489
6
12

finding object by class and fade another object

2 Answers2