Использование Удалить / Добавить на элемент Div вместо Показать / Скрыть

Question

Итак, я искал кнопки для отображения содержимого других страниц Confluence, которые извлекаются с помощью макроса include-фрагмента.

Изначально у меня был код для отображения / скрытия элементов div, содержащих фрагменты.Это было хорошо, пока я не вытащил несколько отрывков, которые содержали JS.

Я думаю, что отсоединение / добавление может быть лучшим подходом.Я был в состоянии отсоединиться, но затем пытался добавить.

// Original 
function showBizDash() { 
  $( ".BizDash" ).show(); 
  $( ".ProgDash" ).hide();
}

function showProgDash() { 
  $( ".ProgDash" ).show(); 
  $( ".BizDash" ).hide(); 
}

function resetSelection() { 
  $( ".BizDash, .ProgDash" ).hide(); 
}

// Updated - But not working
<button id="btn1" onclick="showBizDash()">Business View</button> 
<button id="btn2" onclick="showProgDash()">Program View</button>

<script>
  var showB = $(".BizDash");

$(document).ready(function() {
  $( ".BizDash, .ProgDash" ).detach();
});

function showBizDash() { 
  $('#displayDash').append(showB);
}

Желаемый: при нажатии кнопки отображается соответствующий Div, содержащий макрос включения выдержки, другие div недоступны.