# show or hide entity
**URL:** https://community.cesium.com/t/show-or-hide-entity/3868
**Category:** CesiumJS
**Created:** [March 16, 2016, 1:52pm UTC](https://community.cesium.com/t/show-or-hide-entity/3868 "2016-03-16T13:52:34Z")
**Posts on this page:** 9
**Page:** 1
### Author:  [@mbunic151](https://community.cesium.com/u/mbunic151)
#### Post date: [March 16, 2016, 1:52pm UTC](https://community.cesium.com/t/show-or-hide-entity/3868/1 "2016-03-16T13:52:34Z")
Hi all!
I'd like to add show/hide feature for entity in my application. I'd also like to control this action with checkbox. Below is my experiment.
if (checkbox\_nn.checked){
.
.
.
var redLine = viewer.entities.add({
name : 'Red line on the surface',
polyline : {
positions : Cesium.Cartesian3.fromDegreesArray(array\_of\_coordinates),
width : 3,
material : Cesium.Color.RED
}
});
}
else {
viewer.entities.remove(redLine); //this is not working
}
Help please. Thank you in front!
---
### Author:  [@hannah](https://community.cesium.com/u/hannah)
#### Post date: [March 16, 2016, 2:33pm UTC](https://community.cesium.com/t/show-or-hide-entity/3868/2 "2016-03-16T14:33:48Z")
Hello,
Instead of adding and removing your entities, you can simply change the value of the show property for the entity. Here is an example:
var viewer = new Cesium.Viewer(‘cesiumContainer’);
var redLine = viewer.entities.add({
polyline : {
positions : Cesium.Cartesian3.fromDegreesArray([-75, 35,
-125, 35]),
width : 5,
material : Cesium.Color.RED
}
});
Sandcastle.addToolbarButton(‘Toggle Show’, function() {
redLine.show = !redLine.show;
});
viewer.zoomTo(viewer.entities);
``
Best,
Hannah
---
### Author:  [@mbunic151](https://community.cesium.com/u/mbunic151)
#### Post date: [March 17, 2016, 1:05pm UTC](https://community.cesium.com/t/show-or-hide-entity/3868/3 "2016-03-17T13:05:08Z")
I've tried and i got error:
"Sandcastle-header.js:40 Uncaught TypeError: Cannot read property 'appendChild' of null"
in my web browser.
Do I have to change sandcastle-header.js?
---
### Author:  [@hannah](https://community.cesium.com/u/hannah)
#### Post date: [March 17, 2016, 3:23pm UTC](https://community.cesium.com/t/show-or-hide-entity/3868/4 "2016-03-17T15:23:45Z")
That might be happening because I used Sandcastle.addToolbarButton to add a button to the example. This code runs in our Sandcastle app: [http://cesiumjs.org/Cesium/Apps/Sandcastle/index.html?src=Hello%20World.html&label=Showcases](http://cesiumjs.org/Cesium/Apps/Sandcastle/index.html?src=Hello%20World.html&label=Showcases)
The code will work in your app if you remove the sandcastle specific function and call redLine.show = !redLine.show; from somewhere in your app.
Best,
Hannah
---
### Author:  [@mbunic151](https://community.cesium.com/u/mbunic151)
#### Post date: [March 22, 2016, 10:52am UTC](https://community.cesium.com/t/show-or-hide-entity/3868/5 "2016-03-22T10:52:32Z")
It's not working. It says: "redLine is not defined"
Here's the part of code. I'm using jquery.ajax to fetch data from database using jsonp
if (checkbox\_nn.checked){
jQuery.ajax({
type: 'GET',
url: url2,
dataType: 'jsonp',
jsonp: "cb",
jsonpCallback: "jQ2",
data:{x:x,
y:y
},
crossDomain:true,
cache:false,
beforeSend : function(jqXHR, settings){
var url2 = settings.url;
var url2 = url2.replace("&\_=","&ts=");
console.log(url2);
jqXHR.url= url2;
settings.url = url2;
[//console.log](https://console.log)(settings.url);
},
success: function(data){
//drawing of low voltage layer
for (var i=0; i \< data.length; i++){
for (var l=0; l\
### Author:  [@mbunic151](https://community.cesium.com/u/mbunic151)
#### Post date: [March 24, 2016, 8:40am UTC](https://community.cesium.com/t/show-or-hide-entity/3868/6 "2016-03-24T08:40:23Z")
Until i find better solution, i'll use
> else {
viewer.entities.removeAll(); //THIS
---
### Author:  [@mbunic151](https://community.cesium.com/u/mbunic151)
#### Post date: [May 24, 2016, 7:56am UTC](https://community.cesium.com/t/show-or-hide-entity/3868/7 "2016-05-24T07:56:27Z")
Hi!
The problem remains. I still want to remove polyline according to checkbox state.
I have my code
if(something.checked){
var yellowLine = viewer.entities.add...
}else{
viewer.entities.remove(yellowLine);
}
and in my browser i got error:
yellowLine is not defined Uncaught reference error
Any one any idea?!
---
### Author:  [@mbunic151](https://community.cesium.com/u/mbunic151)
#### Post date: [May 25, 2016, 7:59am UTC](https://community.cesium.com/t/show-or-hide-entity/3868/8 "2016-05-25T07:59:17Z")
I'm on the half way to get this done. The problem is in the scope of variable
If(checkbox.checked){
// jquery sets variable 'yellowLine'
}
If(!checkbox.checked){
viewer.entities.remove(yellowLine) //doesn't see the 'yellowLine'
}
Does anyone hava an idea?
---
### Author:  [@HQN](https://community.cesium.com/u/HQN)
#### Post date: [June 8, 2019, 2:07pm UTC](https://community.cesium.com/t/show-or-hide-entity/3868/9 "2019-06-08T14:07:32Z")
Thanks, Hannah for your solution. I tried your method and I was able to either completely remove the redline or hide it.
Best!