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>
$('[name = LOL]').click(function(){)
зачем тут в конце закрывающая круглая скобка?$('[data-name="LOL"]').click(function(){ ... });
$(document).ready(function(){ ... });
.