SlideUp / Slidedown - Button是关闭div的孩子,并且没有触发父母

时间:2016-12-21 15:26:00

标签: javascript jquery ajax slidedown slideup

我有一个小滑动,滑动系统。宽度有些褪色。一切正常,除了上滑功能。这似乎并没有改变显示器。

这是一个小提琴: 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);
     });
     });

1 个答案:

答案 0 :(得分:3)

您似乎在$('#close-m').on('click', function()

中有拼写错误

$('.pannel-m.down').slideUp(1000);更改为$('.panel-m.down').slideUp(1000);

为我工作