День добрый. Подскажите пожалуйста, как реализовать удаление свойства в CSS по средствам jQuery?
К примеру есть HTML
<div id="coachesFull">
<h2 class="coachText"> Our coaches </h2>
<div class="square coachNamber1">1</div>
<div class="square coachNamber2">2</div>
<div class="square coachNamber3">3</div>
<div class="square coachNamber4">4</div>
<div class="square coachNamber5">5</div>
<div class="square coachNamber6">6</div>
</div>
Его CSS
#coachesFull {
position: relative;
height: 500px;
}
.square {
width: 100px;
height: 100px;
background-color: red;
margin: 1%;
}
.coachNamber1 {
position: absolute;
top: 10%;
left: 0%;
}
.coachNamber2 {
position: absolute;
top: 35%;
left: 0%;
}
.coachNamber3 {
position: absolute;
top: 60%;
left: 0%;
}
.coachNamber4 {
position: absolute;
top: 22.5%;
left: 10%;
}
.coachNamber5 {
position: absolute;
top: 47.5%;
left: 10%;
}
.coachNamber6 {
position: absolute;
top: 35%;
left: 20%;
}
.Circle{
top: 10%;
left: 30%;
width: 350px;
height: 350px;
border-radius: 50%;
background-color: blue;
}
Скрипт
function ttt() {
$('#coachesFull').on("click", "div", function() {
$(this).addClass('Circle');
$('#coachesFull div:not(.Circle)').removeProp('top, left');
});
}; ttt();
Вопрос, как по клику на один из дивов убрать у всех остальных (кроме того что кликнули) свойства top и left в нужных классах.
