Показать сообщение отдельно
  #7 (permalink)  
Старый 19.03.2015, 23:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

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>
Ответить с цитированием