I'm developing an extension and I want to know how to hide an html element:
I tried this code, but it didn't work
$$('#myDiv').hide();
Where is my error?
5 Answers
In Jquery
$('#myDiv').hide(); //You have to include jquery library in your file
In Javascript
document.getElementById("myDiv").style.display = "none";
Comments
Possible typo? Extra "$".
Jquery:
$('#myDiv').hide();
And are you trying to do it on a click?
Comments
only one dollar sign needed
$('#myDiv').hide();
Comments
Initially this question was tagged magento.
So I assume the issue is inside a magento project.
Magento uses prototype by default.
In prototype you can hide an element like this.
$('element_id_here').hide();
$ means getElementById.
If you want to hide a set of elements, let's say with the class some_class do this:
$$('.some_class').each (function(elem){
$(elem).hide();
})
it also works for ids the same way but it's kind of useless since the id must be unique in the page.
$$('#myDiv').each (function(elem){
$(elem).hide();
})
4 Comments
Souf
ok @Marius thanks that worked the real issue is this question stackoverflow.com/questions/22475351/… ; do u have any idea because i m working with an idea that i don't think its a good one !!!!!!!!!!!!!!!!!
Souf
the $('element_id_here').hide(); give me that error Uncaught TypeError: Cannot call method 'hide' of null
Marius
This means that the element with id
element_id_here does not existSouf
ok thats good solved with $$('#myDiv').each (function(elem){ $(elem).hide(); }) now i wanna insert an element how seems to me @Marius u r pro in magento :p
as when I first see this post it contains a magento tag. And many of the beginners do have problem with jquery and prototype in magento.
the code to hide html with id selector in jquery is:
$('#myDiv').hide(); //# for id selector
but for prototype, its:
$('myDiv').hide(); //no # needed for id selector
but even if it do not work then open web developer tool (Ctrl + Shift + C) of your browser and look for console tab. there you might be getting error.
magentoremoved?