Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Не работает скрипт переключения карт (https://javascript.ru/forum/misc/54502-ne-rabotaet-skript-pereklyucheniya-kart.html)

SuperTester 19.03.2015 20:23
Не работает скрипт переключения карт
 
Подскажите, что не так?


<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"));
	
	});

рони 19.03.2015 21:07
SuperTester,
точки

SuperTester 19.03.2015 21:26
видимо я туплю, но пробовал - не помогает... я только начинающий, поэтому прошу ногами не пинать )

рони 19.03.2015 21:39
SuperTester,
строки 3 и 4 что ищите ?

SuperTester 19.03.2015 22:03
я понимаю, что вы имеете ввиду точки перед map... пробовал - не работает. Ссылку на страницу, где все это добро сбросил в личку.

рони 19.03.2015 22:23
SuperTester,
$(function() {
    $(".map_change").click(function() {
        $(".map1, .map2").toggleClass('hidden');
    });
});

рони 19.03.2015 23:36
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>

SuperTester 20.03.2015 10:38
поздно увидел ваш второй скрипт, поэтому менного переработал первый и разделил кнопки. Благодарю за помощь... Но хотелось бы разобраться, почему мой вариант не работал?

рони 20.03.2015 12:06
Цитата:
Сообщение от SuperTester
почему мой вариант не работал?
Цитата:
Сообщение от рони
точки
в строках 1, 3 и 4
а также поиск вложенных элементов в 3 и 4 - зачем?
$("точкаmap_change").click(function(){

var el1 = $("точкаmap1 > div:not(.hidden)");
var el2 = $("точкаmap2 > div.hidden");

SuperTester 21.03.2015 18:19
еще раз спасибо


Часовой пояс GMT +3, время: 13:22.