Render all visible feature layers in a map invisible with click of element

[JohnRichardson]

I am struggling with this most basic operation ... please help!

Here is code snippet I am working with :

      $("#grayPic").click(function() { //eventually, this will render all layers in the map invisible
      var allGuys = map.allLayers;
      var i, currentLayer;
      for (i = 0, l = allGuys.length; i < l; i++) {
      currentLayer = allGuys[i];
      currentLayer.visible = false;
      };
      });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

[Aled_Jones]

currentLayer.hide()  

[JohnRichardson]

Still no luck ...

Map.js:264 Uncaught TypeError: Cannot read property 'hide' of undefined

[RobertScheitlin__GISP]

John,

  Try this:

$("#grayPic").click(function() {
 //eventually, this will render all layers in the map invisible
  map.allLayers.forEach(function(item){
    item.hide();
  };
});‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

[JohnRichardson]

Map.js:412 Uncaught TypeError: item.hide is not a function
at Map.js:412
at Object.e.forEach (dojo.js:210)
at HTMLImageElement.<anonymous> (Map.js:411)
at HTMLImageElement.dispatch (jquery-1.12.4.js:5226)
at HTMLImageElement.elemData.handle (jquery-1.12.4.js:4878)

[RobertScheitlin__GISP · Accepted solution]

John,

   Sorry change it to:

$("#grayPic").click(function() {
 //eventually, this will render all layers in the map invisible
  map.allLayers.forEach(function(layer){
    layer.visble = false;
  };
});‍‍‍‍‍‍

[JohnRichardson]

Yep!

Thanks again Robert ... works perfectly.