JavaScript: не проблемы с селектором

Question

Насколько я понимаю, у меня правильный синтаксис, но он все еще исчезает? Должно быть, я что-то делаю не так, кто-нибудь может помочь?

Я просто пытаюсь заставить .map_1 постепенно исчезать, но не .routemapred.

$('#listItem1').click(function(){
    $(".map_1:not('.routemapred')".fadeIn(500);
});

Answer 1

Селектор, который вы использовали, ищет один элемент, который имеет class="map_1", но не имеет class="routemapred". Ваш HTML имеет эти классы на разных элементах, поэтому вам нужно выбрать их индивидуально:

$('#listItem1').click(function() {
  $(".map_1").fadeIn(500);
  $(".map_1 .routemapred").hide();
});

.map_1 {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="listItem1">Click</button>
<div class="map_1">
  This should fade in
  <div class="routemapred">
    This should not be visible
  </div>
</div>