Jquery textarea onfocus blur

JavaScript
1

Hi,

I thought I found a solution yesterday but it looks to only work with the input fields :confused:

Does anyone know how to make a “textarea” field display hidden text as it does here in this URL -

http://www.topdesignmag.com/demo/jquery-forms-1/demo.htm#example1)

the 1st example. They use it on textarea fields and I changed the CSS, (added textarea) and it worked for a while but once i added a text counter it did not work even when I switched it back.


NOTE: my added code:

$('form#review textarea').focus(function () {
    	$(this).next("small2").css('display', 'block');
    	$(this).css('background-color', '#f2ce84');
	});
	
	$('form#review textarea').blur(function () {
    	$(this).next("small2").hide();
    	$(this).css('background-color', '#f2ce84');
	});

I at least get the BG to change color upon clicking inside the box but the dropdown does not display.

UPDATE: I can now get it to work in Firefox but not IE for the textarea

2

You can delete this thread as it appears I found the answer. I just changed the small2 name to a div class different name and it works in both browsers.