Why does this not work?

[liamoco]

Before I created the variable 'idElem' and just had 'document.getElementById' infront of everything it worked fine, but now nothing happens...

 

$j(document).ready(function(){
var idElem = document.getElementById;
//join chat button
$j('#ext-join-chat-button').click(function(){
	idElem('ext-chat-output-join').style.display = 'none';
	idElem('ext-chat-output').style.display = 'block';
	idElem('ext-chat-textarea').disabled = false;
});
});

 

Thanks

 

[nano]

If you're using jQuery, rather then play with document.getElementBy methods - why not just use jQuery selectors.

 

Such as $('#ext-chat-output-join').hide() etc.

[liamoco]

I dont want to use the jquery hide, because it slides if you know what I mean, I don't want that effect.

[liamoco]

I dont want to use the jquery hide, because it slides if you know what I mean, I don't want that effect.

 

My bad I was using $('#ext-chat-output-join').hide('fast')