<div class="or-collapse-button or-colorbg">
  <div class="or-icon-area">
   <span class="or-icon-plus"></span>
  </div>   
</div>
<div class="or-collapsible-header or-js-collapsible-header" data-id="$!contentName">
	<div class="plusboxxrubrik">
      <i class="fa fa-lattlast">
      	<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Lager_1" x="0px" y="0px" viewBox="0 0 192 203" style="enable-background:new 0 0 192 203;" xml:space="preserve"> <g> <path d="M108,62h24.6v117.9h57.5v20.8H108V62z"/> </g> <g> <path d="M4,3h24.6v117.9h57.5v20.8H4V3z"/> </g> </svg>
      </i>
      $!contentName
   </div>
</div>


<script type="text/javascript">
(function() { 
  var header = $('#svid${contentId} .or-js-collapsible-header, #svid${contentId} .or-collapse-button');   
  $(header).click(function(e) {
    $('#svid${contentId} .or-plus-box-diskret-content').slideToggle(200);
    $("#svid${contentId} .or-plus-box-diskret-header").toggleClass("or-plus-box-active");
  });  
	
})();	 
$( document ).ready(function() {
   var hash = window.location.hash.substring(1);
   var hashParent = $("#"+hash).parent().attr('id');
   var svid = "svid${contentId}";
   var containsHash = $("#svid${contentId}").find("#"+hashParent).length;
   if(!((hash != "") && ((hashParent == svid) || (containsHash > 0)))) {
   	$("#svid${contentId} .or-plus-box-diskret-content").hide();
   } else {
      $("#svid${contentId} .or-plus-box-diskret-content").show();
      $("#svid${contentId} .or-plus-box-diskret-header").addClass("or-plus-box-active");   
      document.querySelector('#svid${contentId}').scrollIntoView({ 
  			behavior: 'smooth' 
		});
   }
	
   var dataID = $('#svid${contentId} .plusboxxrubrik').text();
   $("#svid${contentId} .or-plus-box-diskret-content").attr('data-id', dataID);
}); 
</script>