小编Lou*_* D.的帖子

单击我的卡标题后，其内容将以显示幻灯片jquery动画.show('slide', {direction: 'up'}, 'slow')/ 显示或隐藏.hide('slide', {direction: 'up'}, 'slow'。问题在于，动画期间宽度.content-annales减小，因此.title-annales右侧的div 缺乏连续性。

这是问题的一个示例：单击此处

jQuery(".title-annales").on("click", function() {
  var element = jQuery(this);
  if (jQuery(this).next().css('display') === 'none') {
    element.css('border-radius', '20px 20px 0px 0px');
    jQuery(this).next().show('slide', {
      direction: 'up'
    }, 'slow', function() {
      element.find('.span-msg-mediadroit-annale').html('<i class="fas fa-chevron-circle-up"></i>');
    });

  } else {
    jQuery(this).next().hide('slide', {
      direction: 'up'
    }, 'slow', function() {
      element.css('border-radius', '20px');
      element.find('.span-msg-mediadroit-annale').html('<i class="fas fa-chevron-circle-down"></i>');
    });
  }
});

<div class="card-annales">
  <div class="title-annales">
    <span class="span-msg-mediadroit-annale float-right"><i class="fas fa-chevron-circle-down"></i></span>
    <h3 style="font-size: …

我已经创建了一个jQuery函数,当button-trash单击包含该类的按钮时执行该函数.问题是当我点击按钮但是alert在$(document).ready(function()工作中没有反应.

HTML

<div id="div_flotte">
<div class="div_avion" style="display:none;">
    <div class="panel panel-default">
          <div class="panel-heading">
          <div class="form-inline">
          <div class="input-group" style="width:200px">
              <span class="input-group-addon" id="basic-addon1">F-BEN</span>
              <input type="text" name="avions[][immat]" class="form-control" placeholder="Ex : 49" >
          </div>
          <div class="input-group" style="float:right;">
              <button class="btn btn-danger button-trash" type="button" name="button"><i class="fa fa-trash"></i></button>
          </div>
          </div>
          </div>
      <div class="panel-body">
      <div class="form-group">
        <div class="input-group">
              <span class="input-group-addon" id="basic-addon1">Marque</span>
              <input type="text" name="avions[][marque]" class="form-control" placeholder="Ex : Airbus" >
          </div>
         </div>
         <div class="form-group">
          <div class="input-group">
             <span class="input-group-addon" id="basic-addon1">Modèle</span>
             <input type="text" name="avions[][modele]" class="form-control" placeholder="Ex …