Как сбросить выпадающее меню при нажатии на другую кнопку?

Question

У меня есть выпадающее меню и 2 бит (AP, SP) в той же строке.

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

Примечание: ClassView - это мой выбор по умолчанию.

---

HTML

для выпадающего меню

<div id="dd" class="wrapper-dropdown-1" tabindex="1"> <span>Class View </span> 
    <ul class="dropdown"> 
     <li><a id="class-view" href="#">Class View</a></li> 
     <li><a id="student#1" class="student" href="#">Geary, Mia</a></li> 
    </ul> 
</div> 

---

Ниже то, что я сейчас:

Fiddle

Подсказки?

Answer 1

@Sushil и @em maaaah за то, что я думаю о правильном направлении.

Я уверен, что есть более чем один способ выполнить эту задачу, но вот как я сделал свое. Я

---

Создать

функцию под названием: classViewReset()

function classViewReset() { 
    $student.removeClass('active'); 
    $classView.removeClass('active'); 
    $('#dd').find('span').text('Class View'); 
} 

---

Вызов обратно

на все мои OnClick(); функции.

$btnAssignment.click(function(e) { 
    e.preventDefault(); 
    classViewReset(); //<----------------- Call 
    imgLoader({btn: $btnAssignment, }); 
}); 

Теперь мое выпадающее меню сбрасывается правильно, как я и хотел. Смотрите это в прямом эфире: here

Answer 2

Вы можете попробовать

$("#btn-assignment").click(function(){ 
    $(".dropdown li").eq(0).trigger("click"); 
}); 

Это вызовет «щелчок» на первый элемент LI, который должен повторно его

Я прикрепил это событие к «Assignment Performance» Кнопка

http://jsfiddle.net/2v57wnys/1/