SuperTester,
так на всякий случай + переключение текста в ссылке
<!DOCTYPE html>
<html>
<head>
<title>example</title>
<meta charset="utf-8">
<style type="text/css">
span{
margin: 0 5px;
}
.map_change :first-child , .map_change.hidden :last-child{
opacity: 1; background: #CCCCCC; color: #FFFFFF;
}
.map_change.hidden :first-child ,.map_change :last-child{
opacity: .5 ; background: #66CCFF; color: #000000;
}
</style>
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script>
$(function() {
$(".map_change").click(function(event){
event.preventDefault();
$(".map1, .map2, .map_change").toggleClass('hidden');
}); });
</script>
</head>
<body>
<div class="map1" ></div>
<div class="map2" hidden></div>
<a href="javascript:void(0);" class="map_change"><span>На карте</span><span>Панорама</span></a>
</body>
</html>