addClass, 아코디언, tab, attr, each, hasClass

$(".navbar-brand").html("logo");
$(".navbar-brand2").css({ color: "red" });
$(".navbar-brand").addClass("show");
$(".navbar-brand").removeClass("show");
$(".navbar-brand").toggleClass("show");
$(".btn1").on("click", function () {
  $("#al").show();
});
$(".btn-close").on("click", function () {
  $("#al").hide(); // or slideUp()
});

//아코디언 
$('.title').click(function(){
    $(this).next().slideToggle().siblings('.memo').slideUp();
})

//탭 attr 
var tab = $('.tabnav li a'), 
tabcontent = $('.content');
tab.click(function(){
    e.preventDefault();
    tab.removeClass('active');
    $(this).addClass('active');
    tabcontent.hide();
    var $target = $(this).attr('href');
    tabcontent.show();
})

//탭 index
var tab = $('.tabnav li a'), 
tabcontent = $('.content');
tab.click(function(){
    e.preventDefault();
    tab.removeClass('active');
    $(this).addClass('active');
    tabcontent.hide();
    var $target = $(this).index();
    tabcontent.eq($target).show()
})
tab.eq(0).trigger('click');

//each 
$button.each(function(idx){
    var newT = idx*40 - 40 + 'px';
    $(this).css({top:newT});
})

//hasClass
$button.click(function(){
    $open.toggleClass('open');
    if($open.hasClass('active')){
        $open.stop().animate({left:'-100px'}, 500);
        $open.find('img').attr('src', 'img/close.png');
    }else{
        $open.stop().animate({left:'0px'}, 500);
        $open.find('img').attr('src', 'img/open.png');
    }
})