SlideUp/Slidedown - кнопка является дочерним элементом закрывающего div и doesn'trigger parent

Question

У меня есть небольшая слайд-система, система скольжения. ширина некоторых затухающих в нем. Все работает отлично, за исключением функции слайда. Кажется, это не изменило отображение на нет.

Вот Fiddle: Slide Up/Down Fiddle

HTML

<div class="standorte-m-wrapper"> 
     <div class="panel-m up"> 
     <div class="pan-item-m"> 
      <div class="adres-wrap-m"> 
      <button class="mobile" data-ajaxFile="0">ZU-1 
      <i class="icon-down-open-2 iset"></i></button> 
     </div> 
    </div><!-- 
    --><div class="pan-item-m"> 
     <div class="adres-wrap-m"> 
      <button class="mobile" data-ajaxFile="1">ZU-2<i class="icon-down-open-2 iset"></i></button> 
     </div> 
    </div><!-- 
    --><div class="pan-item-m"> 
     <div class="adres-wrap-m"> 
      <button class="mobile" data-ajaxFile="2">BS<i class="icon-down-open-2 iset"></i></button> 
     </div> 
    </div><!-- 
    --><div class="pan-item-m"> 
     <div class="adres-wrap-m"> 
      <button class="mobile" data-ajaxFile="3">LU<i class="icon-down-open-2 iset"></i></button> 
     </div> 
    </div> 
</div> 
<div id="open" class="panel-m down"> 
    <div class="close-button"> 
     <a href="#" id="close-m" class="close"><i class="icon-cancel"></i></a> 
    </div> 
    <div id="content"> 
     <div id="php-content-m"></div> 
    </div> 
</div> 

JS

$('.adres-wrap-m > button').on('click', function() { 
    if ($('.panel-m.up').hasClass('open')) { 
    //alert('already open'); 
    } else { 
    $('.panel-m.up').addClass('open'); 
    $('.standorte-m-wrapper').addClass('expand'); 
    $('.panel-m.down').slideDown(1000); 
    } 
    $('#php-content-m').html(ajaxFiles[$(this).attr('data-ajaxFile')]); 
    setTimeout(function(){ 
    $('.panel-m.down div').fadeIn(400); 
    }, 500); 
    }); 
    $('#close-m').on('click', function() { 
    $('.panel-m.down div').fadeOut(400); 
    setTimeout(function(){ 
    $('.panel-m.up').removeClass('open'); 
    $('.standorte-m-wrapper').removeClass('expand'); 
    $('#close-m').parent().css("display", "block"); 
    $('.pannel-m.down').slideUp(1000); 
    }, 500); 
    }); 
    }); 

Answer 1

Lo OKS, как у вас есть опечатка в $('#close-m').on('click', function()

Изменение $('.pannel-m.down').slideUp(1000); к $('.panel-m.down').slideUp(1000);

работал для меня