Javascript Jquery toggle（）跟随导航栏引导上的边框

我有一个链接到导航栏的Jquery toggle（）函数。当用户单击切换按钮时，它会在导航栏下显示新内容。我已将边框底部应用于导航栏和切换类。我希望此边框在展开时跟随切换。这可能吗

我已作了进一步解释

下面是我的Jquery

jQuery(document).ready(function($) {

$banner = $(".banner");
$banner.hide();
$(".show-banner").on("click", function() {
  if ($(".banner").is(":hidden")) {


               $("nav.navbar.navbar-inverse").attr('style', 'border-bottom: border-bottom:4px solid #ff0000;!important').delay( 5000 );

            } else {
                    $("nav.navbar.navbar-inverse").attr('style', 'border-bottom: border-bottom:4px solid #ff0000; !important').delay( 5000 );

            }
   $banner.slideToggle()

    $(".navbar-collapse.collapse").addClass("hide-all");


});

 });

在

slideToggle（）

方法中，您可以放置另一个函数以在动画完成时执行操作。新的

因此，我所做的是点击切换按钮，立即将导航栏的原始边框变为黑色，因为横幅以红色边框显示动画。如果旗帜正在关闭，则在关闭完成后将原始边框恢复为红色

---

可能还有其他方法可以做到这一点，但我认为这可以实现您的目标。

oops。知道为什么吗？不知道，伙计，有什么东西覆盖了它，我看不出它是什么xD，你能抽出2分钟吗？谢谢，伙计，我只是注意到了一些事情，但不知道这是否是问题所在<代码>！重要信息应在分号之前。

jQuery(document).ready(function($) {

    $banner = $(".banner");
    $banner.hide();
    $(".show-banner").on("click", function() {
      $("nav.navbar.navbar-inverse").attr('style', 'border-bottom: 4px solid #000 !important';).delay( 5000 );

      $banner.slideToggle(function(){
        if ($(".banner").is(":hidden")) {
          $("nav.navbar.navbar-inverse").attr('style', 'border-bottom: 4px solid #ff0000 !important;').delay( 5000 );
        }
      });

      $(".navbar-collapse.collapse").addClass("hide-all");

    });

  });