I'm feeling utterly stupid that I cannot resolve my simple tab switchers located to the right-hand side of my page. Ordering it into the correct order, somewhat working then not then again... I keep going round in circles and it should be simple.

• On click - Users OR Alerts
• Remove all active classes
• Set active class on clicked
• On click - More
• Set active class WITHOUT toggling any others.
• Show drop menu
• Select Option
• Remove all active classes
• Set active class on clicked & 'MORE' 
• Click outside / Other tab
• Remove active class on More
• Hide drop down.

Live Demo:  http://rafflebananza.com/Admin/Desktop/index123.html#

JQuery Code

2. $('.Quick-Sidebar .nav-tabs li').click(function(e) {
3. if (!$(this).hasClass('active')) {
4. if (!$(this).hasClass('dropdown')) {
5. $('.Quick-Sidebar .nav-tabs li').removeClass('active');
6. $(this).addClass('active');
7. }
8. }
9. if ($(this).hasClass('dropdown')) {
10. $(this).toggleClass('active');
11. $('.dropdown-menu').toggle();
12. }
13. });