<!--第一列-->
<div class="top_f">
<div class="mlogo">
<h1><a class="headlogo" href="/index.php" title="國北護圖書館"><img alt="國北護圖書館" src="/var/file/4/1004/img/1338/mlogo.jpg" /></a></h1>
</div>

<div class="top_f_r">
<div class="mycollapse"><button class="navbar-toggle" data-target=".nav-toggle" data-toggle="collapse" type="button"><span class="glyphicons show_lines">菜單</span></button>

<div class="navbar-collapse collapse nav-toggle" id="collapseExample3">
<div class="well">
<div class="topnav1">%CustMenu_topnav1%</div>

<div class="topnav2">%CustMenu_topnav2%</div>

<div class="topnav3">%CustMenu_topnav3%</div>
</div>
</div>
</div>
<!--搜尋-->

<div class="head_search"><a aria-controls="collapseExample" aria-expanded="false" class="btn btn-primary navbar-toggle1" data-toggle="collapse" href="#collapseExample" role="button"><span> 搜尋 </span> </a>

<div class="collapse" id="collapseExample">
<div class="well">
<div id="hd_search">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
<!--第二列-->

<div class="top_s">
<div id="banner">&nbsp;</div>
</div>
<!--第三列-->

<div class="top_t">
<div class="topnav33">%CustMenu_topnav3%</div>
</div>
<script>
    $(document).ready(function() {
        $.hajaxOpenUrl("/app/index.php?Action=mobileloadmod&Type=mobile_sz_mstr&Nbr=265", '#banner');
        $.hajaxOpenUrl("/app/index.php?Action=mobileloadmod&Type=mobilesch&Nbr=0", '#hd_search');
        $('.focusable, .mlogo a, .topnav1 .navbar-nav > li > a, .topnav1 .dropdown-menu > li > a').attr('tabindex', '1');
         $("body").on("blur", '.topnav2 .navbar-nav > li:last-child > a', function () {
          $(this).parents('.topnav2').find('.hd-topnav2').removeClass('in').addClass('collapse').css({ 'height': '0' });
          $(this).parents('.topnav2').find('.navbar-toggle').removeClass('open').addClass('collapsed');
$('body').removeClass('iosScroll');
        })
    });
    
     setTimeout(function(){ 
 $('.header .msearch .form-control, .header .msearch .btn').attr('tabindex', '1');
 }, 1000);
    
$('.navbar-toggle1[href="#collapseExample"]').click(function(){
  if($('.nav-toggle').hasClass('in')){
    $('.navbar-toggle[data-target=".nav-toggle"]').removeClass('open');
    $('.nav-toggle').removeClass('in').css({'height': '0', 'overflow':'auto'});
  }
  $(this).toggleClass('open');
});

$('.navbar-toggle[data-target=".nav-toggle"]').click(function(){
    if($('#collapseExample').hasClass('in')){
		$('.navbar-toggle1[href="#collapseExample"]').removeClass('open');
        $('#collapseExample').removeClass('in').css({'height': '0', 'overflow':'hidden'});
    }
	$(this).toggleClass('open');
}); 
   
</script>