var kek = '.content2';
var lol = '[name = ALL]';
$('[name = LOL]').click(function(){
$(lol).css('color', 'black').css('background-color','white');
$('[name = LOL]').css('color', 'white').css('background-color','#ff8041');
$('.content2').css('display','none');
$('.content1').css('display','inline-block');
lol = '[name = LOL]';
});
$('[name = KEK]').click(function(){
alert("kek");
$(lol).css('color', 'black').css('background-color','white');
$('[name = KEK]').css('color', 'white').css('background-color','#ff8041');
$('.content1').css('display','none');
$('.content2').css('display','inline-block');
lol = '[name = KEK]';
});
$('[name = ALL]').click(function(){
$(lol).css('color', 'black').css('background-color','white');
$('[name = ALL]').css('color', 'white').css('background-color','#ff8041');
$('.content1').css('display','inline-block');
$('.content2').css('display','inline-block');
lol = '[name = ALL]';
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="file.js"></script>
<ul class="menu">
<li><a class="butt" name="ALL" href="#">ALL</a></li>
<li><a class="butt" name="LOL" href="#">LOL</a></li>
<li><a class="butt" name="KEK" href="#">KEK</a></li>
</ul>
<div class="container">
<div class="row">
<div class="content1">
<img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="kek/big_1442858601_image.jpg" alt="">
<img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="kek/chto-takoe-kek.jpg" alt="">
<img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="kek/149323920613487653.png" alt="">
<img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="kek/1443982198_586740750.png" alt="">
<img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="kek/vaqwznmsb9e.jpg" alt="">
</div>
<div class="content2">
<img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="memes/4a4c2a53661ede617bd7437b4e728cbb.jpg" alt="">
<img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="memes/9232.jpg" alt="">
<img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="memes/p5fhjd9nzmaurge1vlwb.jpg" alt="">
<img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="memes/09618544.jpg" alt="">
<img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="memes/1490197791_2.png" alt="">
<img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="memes/images.png" alt="">
</div>
</div>
</div>
$('[data-name="LOL"]').click(function() {
// ...
});
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Подскажите, возможно ли в textarea или input-е сделать так, чтобы при достижении правого борта (то есть границы поля), после того, как идет перенос...
Как записать правильно? А то удаляет только если есть последний пример