Question

Sorry for the title may seem confusing.

i have 2 element. with no relation like parent or child.

<div class="alpha"></div>
<div class="beta"></div>

The class=alpha have event, if we click it’s, there is will be a fade in or fade out element (which is done by jQuery).

now i want to make simulation like. if we click class="beta" it will be the same as we click class="beta".

---

more details is like if we click beta the alpha will show it’s fadein fadeout effect 🙂

how we can make it?

many thanks

Answer 1

In jQuery, you can call the .click() function directly or make use of .trigger() and pass it "click". So either:

$(".beta").click();

Or

$(".beta").trigger("click");

Either one of these methods will call your click handler for .beta

If you meant to ask, if I click .alpha, I want to simulate a click on .beta, then this is what you want:

$("body").delegate(".alpha", "click", function() {
    $(".beta").click();
});