Question

I’m trying to use the same function to slide up and down a text area. using jquery’s slidetoggle.

How can I make javascript detect the clicked element in order to know which box to expand.

Here is what I have

function slidedown(id){



        $(id+'text').slideToggle(500);  


}

that is my function

in my html I have this

<a id="reroof" href="javascript:slidedown(this)">reroof</a>

the section i want to expand is called rerooftext

however when I check the value of id.id I says undefined.

Any ideas?

Answer 1

try the following code:

html code:

<a id="reroof" href="#" onclick="javascript:slidedown(this)">reroof</a> 

JS code:

function slidedown(val){   
    var id = val.id;  
    alert(id);
    $(id+'text').slideToggle(500);     
}  

In html you are passing the element(this refers the element not an id)

Working Example:

http://jsfiddle.net/jAkMq/