Выделить блок при клике на другой блок

<div class="col-sm-4">
<div class="faqs">
<div class="faq-h">1. Is it possible to order products online?</div>
<div class="faq-line"></div>
<div class="faq-icon"></div>
<div class="faq-block">is the best source of legit anabolic steroids online. We offer a wide choice of high-quality ****** grade steroids, produced</div>
</div>
</div>
<div class="col-sm-4">
<div class="faqs">
<div class="faq-h">1. Is it possible to order products online?</div>
<div class="faq-line"></div>
<div class="faq-icon"></div>
<div class="faq-block">is the best source of legit anabolic steroids online. We offer a wide choice of high-quality ****** grade steroids, produced</div>
</div>
</div>
<div class="col-sm-4">
<div class="faqs">
<div class="faq-h">1. Is it possible to order products online?</div>
<div class="faq-line"></div>
<div class="faq-icon"></div>
<div class="faq-block">is the best source of legit anabolic steroids online. We offer a wide choice of high-quality ****** grade steroids, produced</div>
</div>
</div>

$(document).ready(function() {
var ficons = $('.faqs .faq-icon'),
boxes = $('.faqs .faq-block');

ficons.on('click', function(){
var indx = ficons.index(this);
boxes.not(':eq(' + indx + ')').fadeOut();
boxes.eq(indx).fadeToggle(); // или .fadeIn();

if($(this).hasClass('active')){
$(this).removeClass('active');
} else {
$('.faqs .faq-icon').removeClass('active');
$(this).addClass('active');
}
});
});

.faqs {
width: 100%;
height: 200px;
}

.faqs .faq-h {
color: #3A3C3C;
font-size: 16px;
line-height: 1.5;
padding: 10px 0px;
text-align: center;
text-transform: uppercase;
}


.faqs .faq-h:active,
.faqs .faq-h.active {
color: #999;

}

.faqs .faq-line {
background-color: #E6E6E6;
height: 1px;
position: relative;
top: 29px;
z-index: 1;
}
.faqs .faq-icon {
background-image: url(../image/faq.png);
cursor: pointer;
height: 58px;
margin: 0px auto;
position: relative;
width: 58px;
z-index: 2;
}
.faqs .faq-icon:active,
.faqs .faq-icon.active {
background-image: url(../image/faq-hover.png);
height: 48px;
margin: 5px auto 0px;
position: relative;
width: 48px;
z-index: 4;
}
.faqs .faq-block {
background: #F3F3F3;
box-shadow: 0px 3px 6px 0px #000;
color: #959595;
display: none;
font-size: 14px;
left: 0px;
line-height: 1.71;
min-height: 100px;
padding: 40px;
position: relative;
text-align: center;
top: -24px;
width: 100%;
z-index: 3;
}

.faqs .faq-h:active,
.faqs .faq-h.active {
color: #999;

}