Pie Chart Attempt

HTML

<script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
<script src="http://keith-wood.name/js/jquery.svg.js"></script>
<script src="http://keith-wood.name/js/jquery.svgdom.js"></script>
<!-- START STUDIO SECTION -->
		<section id="studio">
			<div class="row">
                <div class="col-xs-12 col-sm-6 col-sm-offset-3 intro">
					<h5>Our Services &amp; Gearz</h5>
				</div>
			</div>
			<div id="services-list" class="container row row-centered">
            <div class="col-xs-1 visible-xs"></div>
				<div class="col-xs-2 col-sm-6 col-md-2 col-md-offset-1 col-xs-offset-2">
					<div id="branding" class="service smooth">
                    
                    
                 <svg class="chart" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="200px" height="200px" viewBox="0 0 200 200" enable-background="new 0 0 200 200" xml:space="preserve">
        <g id="one" class="slice">
          <g>
			<path d="M144.831 148.373v-7.175c0-2.377-1.931-4.307-4.305-4.307h-5.743c-2.376 0-4.302 1.93-4.302 4.307v7.175 H70.21v-7.175c0-2.377-1.926-4.307-4.306-4.307h-5.737c-2.38 0-4.306 1.93-4.306 4.307v7.175H50.12V50.795h5.742v7.174 c0 2.4 1.9 4.3 4.3 4.306h5.737c2.379 0 4.306-1.93 4.306-4.306v-7.174h60.269v7.174c0 2.4 1.9 4.3 4.3 4.3 h5.742c2.375 0 4.304-1.93 4.304-4.306v-7.174h5.739v97.578H144.831L144.831 148.373z M70.21 72.3 c0-2.379-1.926-4.305-4.306-4.305h-5.737c-2.38 0-4.306 1.926-4.306 4.305v2.87c0 2.4 1.9 4.3 4.3 4.305h5.737 c2.379 0 4.306-1.927 4.306-4.305V72.319L70.21 72.319z M70.21 89.539c0-2.375-1.926-4.305-4.306-4.305h-5.737 c-2.38 0-4.306 1.93-4.306 4.305v2.873c0 2.4 1.9 4.3 4.3 4.301h5.737c2.379 0 4.306-1.926 4.306-4.301V89.539 L70.21 89.539z M70.21 106.76c0-2.379-1.926-4.305-4.306-4.305h-5.737c-2.38 0-4.306 1.927-4.306 4.305v2.87 c0 2.4 1.9 4.3 4.3 4.305h5.737c2.379 0 4.306-1.931 4.306-4.305V106.76L70.21 106.76z M70.21 124 c0-2.379-1.926-4.305-4.306-4.305h-5.737c-2.38 0-4.306...

CSS

.icon_circle:hover {
    opacity: 0.8;
}

#one.clicked {
    stroke: #000;
}

#two.clicked {
    stroke: #000;
}

#three.clicked {
    stroke: #000;
}

#four.clicked {
    stroke: #000;
}

#five.clicked {
    stroke: #000;
}


/*=============================================
[ Inactive State Styles ]
==============================================*/
.rocket_inner {
    -webkit-transform: translateY(15px) translateX(-3px);
    -moz-transform: translateY(15px) translateX(-3px);
    -ms-transform: translateY(15px) translateX(-3px);
    -o-transform: translateY(15px) translateX(-3px);
    transform: translateY(15px) translateX(-3px);
    /*transition*/
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.icon_circle {
    /*transition*/
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    fill: white;
	fill-opacity: 0;
    stroke: #F8AE42;
	stroke-width: 7px;
}



.icon_circle:active {
    fill: white;
	fill-opacity: 0;
    stroke: #EF4137;
	stroke-width: 7px;
}

/*=============================================
[ Clicked Styles ]
==============================================*/
.iconCircleClicked {
    fill: none !important;
    stroke: #EF4137 !important;
    stroke-width: 7px !important;
}

/*=============================================
[ KeyFrame Animations ]
==============================================*/
@keyframes fillOpacity1 { 
    0% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    50% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    100% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
}
@-webkit-keyframes fillOpacity1 { 
    0% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    50% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    100% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
}
@-moz-keyframes fillOpacity1 { 
    0% {
        fill-opacity: 1;
        stroke-opacity: 1;
   ...

JavaScript

$(".icon_circle").click(function () {

    $('circle').removeClass('clicked');
    $(this).addClass('clicked');
});