javascript - Always block elements jQuery -

javascript - Always block elements jQuery -

i have created safari extension blocks elements facebook , wondering possible create block time. example, blocks elements when load facebook, when click facebook logo in top left corner elements come back, have manually reload page block them again. elements come when click doesn't reload page.

thanks.

here code.

jquery(document).ready(function(){ $("#content").find("#sidenav").find("#listsnav").css( "display", "none" ); });

it depends on facebook when click logo.

if makes ajax request, can hear event , re-hide elements then. example:

$( document ).ajaxcomplete(function() { $("#content").find("#sidenav").find("#listsnav").css( "display", "none" ); });

if runs local javascript hear click event, , 1 time again run code. example, assuming logo has id of #logo...

$("#logo").click(function(){ $("#content").find("#sidenav").find("#listsnav").css( "display", "none" ); });

in addition, suggested satpal, ids meant unique page don't need find them hard way, reference them straight so:

$("#listsnav").hide();

javascript jquery html css facebook