MyLivingHistory navigation/accordion

HTML

<div class="um-profile-body main main-default">
    <p class="um-profile-note"><i class="um-faicon-frown-o"></i><span>This user has not added any information to their profile yet.</span>

    </p>
    <div class="um-row _um_row_1 " style="padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px;">
        <div class="um-col-1">
            <div class="um-field um-field-um_block_4021_90" data-key="um_block_4021_90">
                <div class="um-field-block">
                    <nav class="tile"><a href="#story"><img class=" size-full wp-image-4666 alignleft" src="#" alt="tile-history" width="200" height="200" /></a> <a href="#"><img class=" size-full wp-image-4665 alignleft" src="http://www.mylivinghistory.org/wp-content/uploads/2015/07/tile-2.jpg" alt="tile-2" width="200" height="200" /></a> <a href="#family"><img class=" size-medium wp-image-4664 alignleft" src="http://www.mylivinghistory.org/wp-content/uploads/2015/07/tile-family.jpg" alt="tile-family" width="200" height="200" /></a> <a href="#education"><img class=" size-medium wp-image-4663 alignleft" src="http://www.mylivinghistory.org/wp-content/uploads/2015/07/tile-4.jpg" alt="tile-4" width="200" height="200" /></a> <a href="#story"><img class=" size-medium wp-image-4662 alignleft" src="http://www.mylivinghistory.org/wp-content/uploads/2015/07/tile-story.jpg" alt="tile-story" width="200" height="200" /></a> <a href="#profile"><img class=" size-medium wp-image-4661 alignleft" src="http://www.mylivinghistory.org/wp-content/uploads/2015/07/tile-profile.jpg" alt="tile-profile" width="200" height="200" /></a> <a href="#career"><img class=" size-medium wp-image-4660 alignleft" src="http://www.mylivinghistory.org/wp-content/uploads/2015/07/tile-career.jpg" alt="tile-career" width="200" height="200" /></a> <a href="#"><img class=" size-medium wp-image-4659 alignleft" src="http://www.mylivinghistory.org/wp-content/uploads/2015/07/tile-8.jpg"...

CSS

.um-row-heading, .um-row {
    display: none;
}
._um_row_1, .block {
    display:block;
}
.active{opacity: .65;}
a:hover {
    color: #79C043;
}
nav.tile a:hover img {
    opacity: .65;
}

JavaScript

jQuery('nav.tile a[href^="#"]').on('click', function (e) {
    e.preventDefault();
    
    jQuery('nav.tile a.active').removeClass("active");
    jQuery(this).addClass("active");
    
    var target = this.hash;
    target = target.replace('#', '');
    var $target = jQuery('.' + target);
    
    jQuery('.um-row, .um-row-heading').removeClass('block');
    jQuery('.um-row.' + target).addClass('block', function () {
        window.location.hash = '#' + target;
    });
    jQuery('.um-row.' + target).prev().addClass('block', function () {
        window.location.hash = '#' + target;
    });
});