Question

I would like to let Jquery detect if certain div id is loaded into the current page then hide another div id element, for example:

<div id="A1">some content here</div> //initially this div is visible
<div id="C1" style="display: none;">some content here</div> //initially this div is invisible
<div id="B1">some content here</div>

if Jquery detect the #B1 is loaded into the current page then hide #A1 and show #C1.

Many thanks

Answer 1

if ($("#B1").length > 0) {
  $("#A1").hide();
  $("#C1").show();
}