Подскажите, что не так?
<div class="map1"></div>
<div class="map2" hidden></div>
<a href="javascript:void(0);" class="map_change"></a>
$("map_change").click(function(){
var el1 = $("map1 > div:not(.hidden)");
var el2 = $("map2 > div.hidden");
$(el1).addClass("hidden");
$(el2).removeClass("hidden");
$(this).attr("class", "map_change " + $(el2).attr("class"));
});