Question

我在白色背景下有一个带灰色边框的按钮，当点击按钮时它会滑入菜单。

当人点击按钮时，它会将按钮底部边框更改为白色和滑动菜单，如果人从菜单中单击它将向上滑动，按钮底部边框将颜色更改为红色。

我正在尝试单独按下按钮，如果有人没有点击下拉菜单内部而按钮显示白色底部边框，但再次点击按钮向上滑动，滑动后我想更改按钮底部边框灰色。

这是代码......

这就是当点击按钮时它会将按钮底部边框更改为透明和滑动菜单。

$(document).ready(function(){
            $(".dropdown dt a").click(function() {
                $(this).css('border-bottom', 'solid 1px transparent' );
                $(".dropdown dd #md").slideToggle();
                });

这就是当点击按钮时它会将按钮底部边框更改为透明和滑动菜单，当单击菜单内部选项之一时，它将向上滑动并将底部边框按钮更改为蓝色。

$（“。dropdown dd ul li a”）。click（function（）{

          var text = $(this).html();
          $(".dropdown dt a span").html(text);
          $(".dropdown dd #md").slideUp();
    $('.dropdown dt a').css('border-bottom', 'solid 1px blue' );
          });

这就是当点击按钮它将按钮底部边框更改为透明和滑动菜单时，当从菜单区域的OUTSIDE单击其中一个选项时，它将向上滑动并将底部边框按钮更改为蓝色。

$（document）.bind（'click'，function（e）{

          var $clicked = $(e.target);
          if (! $clicked.parents().hasClass("dropdown"))
          $(".dropdown dd #md").slideUp();    
     $('.dropdown dt a').css('border-bottom', 'solid 1px blue' );

          });

如果有人再次点击按钮到幻灯片菜单并将BOTTOM BORDER BOTTOM更改为灰色，是否有人可以帮助我如何编写代码？

感谢。

Answer 1

http://api.jquery.com/slideToggle/

http://api.jquery.com/toggleClass/

<强> CSS

.active{
    border-bottom:solid 1px blue;
}

<强> JS

$(document).bind('click', function (e) {
    var $clicked = $(e.target);
    if (!$clicked.parents().hasClass("dropdown")) $(".dropdown dd #md").slideToggle();
    $('.dropdown dt a').toggleClass('active');
});

Answer 2

使用类来实现此目的。使用css并附加颜色和边框等属性。即时添加和删除类。在我看来，这会更容易。

按钮边框与jQuery

2 个答案: