Кнопка границы с jQuery

Question

У меня есть кнопка под белым фоном с серой рамкой, при нажатии кнопки она будет slidingown меню.

Когда человек нажал кнопку, он изменит нижнюю границу кнопки на белое и скользящее меню, если человек щелкнет в меню, он сдвинется вверх, а нижняя граница кнопки изменит цвет на красный.

Я пытаюсь решить только в одной кнопке, если человек НЕ нажал внутри меню выпадающего меню, пока кнопка показывала белую нижнюю границу, но снова нажала кнопку включения, после слайда я хочу изменить нижнюю границу кнопки до серого.

здесь код ...

это то, что действительно делает, когда нажатие кнопки будет менять кнопки нижней границы для прозрачного и slidedown меню.

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

это то, что действительно делает, когда нажатие кнопки будет менять кнопки нижней границы для прозрачного и slidedown меню, и когда выберите один из опции из ВНУТРИ меню будет скользить вверх и изменить нижнюю кнопку границы до синего.

$ («Выпадающий дд уль Ли с»). Нажмите (функция() {

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

это то, что действительно делает, когда нажатие кнопки будет менять кнопки нижнюю границу для прозрачной и slidedown меню, и когда выберите один из опции из-за пределов области меню будет скользить вверх и изменить нижнюю кнопку границы до синего.

$ (документ) .bind («нажмите», функция (е) {

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

      }); 

ли кто-нибудь может помочь мне, как я могу писать код, если человек снова нажмите кнопку с slideup меню и изменить нижнюю границу 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 и прикрепите атрибуты, такие как цвета и границы. Добавление и удаление классов «на лету». Это было бы легче, на мой взгляд.