在谷歌地图中损坏的jQuery手风琴

Question

我试图在谷歌地图的里面显示一个jQuery手风琴，但是当我点击离开手风琴菜单时，它不会作为手风琴，当我重新打开时它。我无法从头开始创建自己的手风琴，因此无法解决这个问题。有关如何使其正常工作的任何帮助？

http://mulibraries.missouri.edu/Reference/virtour/demo_fs_mobile.php

Answer 1

你需要用事件将再次创建这些元素了。

我使用jQuery改善你的代码，试试这个：

function HomeControl(controlDiv, map) { 
    var menu_btn = $("<div>"); 
    menu_btn.attr('id', 'menu_btn'); 
    menu_btn.attr('title', 'Click to show the Map Navigation'); 
    menu_btn.html('<b>Menu</b>'); 
    menu_btn.css({ 
     backgroundColor: 'white', 
     cursor: 'pointer', 
     textAlign: 'center', 
    }); 

    $(menu_btn).click(function() { 
     $(controlDiv).empty(); 

     menu_state = 1; 

     var menu_nav = $("<div>"); 
     menu_nav.attr('id', 'menu_nav'); 
     menu_nav.attr('title', 'Click Map to close Menu'); 
     menu_nav.css({ 
      backgroundColor: 'white', 
      cursor: 'pointer', 
      textAlign: 'center', 
     }); 

     var accordion = $('<div id="accordion"><h3><a href="#">Change Library</a></h3> <div>Ellis<br>Engineering<br>Journalism</div><h3><a href="#">Change Floor</a></h3> <div>Ground Floor<br>First Floor<br>Second Floor<br>Third Floor<br>Fourth Floor<br></div> <h3><a href="#">Change Map</a></h3> <div>Virtual Tour<br>Video Tour<br>Study Rooms<br>Computers</div></div>'); 

     $(menu_nav).append(accordion); 
     $(controlDiv).append(menu_nav); 

     $(accordion).accordion({active: 1, autoHeight: false}); 
    }); 

    $(controlDiv).empty(); 
    $(controlDiv).append($(menu_btn).clone(true)); 

    google.maps.event.addDomListener(map, 'click', function() { 
     menu_state = 0; 

     $(controlDiv).empty(); 
     $(controlDiv).append($(menu_btn).clone(true)); 
    }); 
} 

希望这有助于。