$(document).ready(function() {
    // hides view less link on page load                       
    $("#view-less-links").hide();   
           
    /*
    * handles action when user clicks on View More link 
    * loads long list html file into category-links-archives div tag
    * hides View More link and displayes View less link
    */
    $(".view-more").click(function(e) {
        e.preventDefault();
        $("#view-less-links").toggle();
        $("#view-more-links").toggle();
    });
    /*
    * handles action when user clicks on View Less link 
    * loads long short html file into category-links-archives div tag
    * hides View Less link and displayes View More link
    */
    $(".view-less").click(function(e) {
        e.preventDefault();
        $("#view-less-links").toggle();
        $("#view-more-links").toggle();
    }); 
});

$(document).ready(function() {
        // add ne function here:
        $(".brand-img").hover(function() {
                $(this).attr("src", $(this).attr("src").replace( "_out", "_in" ));},
                function() {
                        $(this).attr("src", $(this).attr("src").replace( "_in", "_out" ));
        });

});