JavaScript - Que un aviso en la home, aparezca solo una vez

<div id="cambio_de_telefono" class="nuevo_telefono">

    <div class="texto_nuevo_telefono">

        <input id="cierra_cartel" value="X" />

        <p>ATENCION:</p>

        <p>El tel&eacute;fono <span style="color:black;">4555-5555</span> qued&oacute; desactivado.

        Por favor utilice los siguientes números:

        </p>

        <p>

        <span class="numero_actual"><strong>4555-0340</strong></span>&nbsp;

        o

        <span class="numero_actual"><strong>&nbsp; 4554-7624</strong></span>

        </p>

    </div>

</div>

.nuevo_telefono{

	display:block;

	margin-left: auto;

	margin-right: auto;

	width:85%;

	height:150px;

	background-color:orange;

	border:5px dashed mediumvioletred;

	border-radius:10px;

}

.texto_nuevo_telefono{

	margin:20px;

	color:white;

	line-height:25px;

	font-size:20px;

	text-align:center;

}

@media (max-width:980px){

	.nuevo_telefono{

		height:170px;

	}

}

@media (max-width:768px){

	.nuevo_telefono{

		width:95%;

		height:180px;

	}

}

@media (max-width:480px){

	.nuevo_telefono{

		width:100%;

		height:230px;

	}

}

.numero_actual{

	font-size:22px;

	color:black;

}

@media (max-width:480px){

	.numero_actual{

		font-size:20px;

	}

}

#cierra_cartel{

	float:right;

	text-align:center;

	font-size:20px;

	font-family:"Arial Black";

	color:black;

	cursor:pointer;

	background-color:white;

	width:25px;

	border:none;

	border-radius:5px;

}

$('#cierra_cartel').click(function(){

    $("#cambio_de_telefono").css({display:"none"});

});

$('#cierra_cartel').click(function() {

    if (!window.sessionStorage.getItem('cartel')) {

         window.sessionStorage.setItem('cartel', true);

         $("#cambio_de_telefono").css({display:"none"});

    }

});