Paulcraey Paulcraey - 1 month ago 6x
jQuery Question

How to pass a function argument into the jquery selector

I have a site with several pop up windows. I want to use 1 single function on several elements. It works well in regular JS, but not in jQuery.

In my HTML I have something like:

<button onclick="div_show('contact')">More?</button>


<div id="contact" >
blah blah

This #contact element is hidden by default. So if i click on the button the contact div appears with this JS:

function div_show(id) {
document.getElementById(id).style.display = "block";

However, i want to use jquery for the fade effects

function div_show(id) {

How can i make the function argument to pass into the jquery selector

It works well like this of course :

function div_show(id) {

but works only for 1 element.


I think what you are looking for is this:

$("#" + id).fadeIn();

For multiple selectors you could do this:

$("#" + id1 + ", #" + id2).fadeIn(); //etc

Also for completeness, this line:


should be formatted with quotes: