php - jQuery を使用したボタンの境界線

Question

ボタンをクリックすると、スライドダウンメニューが表示されます。

人がボタンをクリックすると、ボタンの下の境界線が白に変わり、メニューがスライドダウンします。メニューからクリックすると上にスライドし、ボタンの下の境界線の色が赤に変わります。

ボタンが白い下の境界線を表示しているときにドロップメニュー内をクリックしなかったが、ボタンをもう一度クリックしてスライドアップした後、ボタンの下の境界線を灰色に変更したい場合、ボタンだけで解決しようとしています。

ここにコードがあります...

これは、ボタンをクリックすると、ボタンの下の境界線が透明でスライドダウンメニューに変更されることです。

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

これは、ボタンをクリックするとボタンの下の境界線が透明でスライドダウンメニューに変わり、メニューの内側からオプションの1つをクリックすると上にスライドして下の境界線ボタンが青に変わります。

$(".dropdown dd ul li a").click(関数() {

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

これは、ボタンをクリックするとボタンの下の境界が透明でスライドダウンメニューに変わり、メニュー領域の外側からオプションの1つをクリックすると上にスライドして下の境界ボタンが青に変わります。

$(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をGRAYに変更すると、コードを書く方法を教えてください。

ありがとう。