|
Сообщение от Chmil
|
|
нет ни у кого идей?
|
Так идей тут особо и не нужно.
Как вариант...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
.off {
display: none;
}
</style>
<script type='text/javascript'>
$(function(){
$('#filter a').click(function(){
var type=$(this).data('type');
var o=$('.ekskurs-tur > div');
if (type=='all') {
o.removeClass('off');
return;
};
o.addClass('off');
o.filter('.'+type).removeClass('off');
});
$('.ekskurs-tur > div').addClass('off');
});
</script>
</head>
<body>
<div id='filter'>
<a class="all-btn" data-type='all' href="#">All</a>
<a class="auto" data-type='auto' href="#">Auto</a>
<a class="auto-gd" data-type='auto-gd' href="#">auto-gd</a>
<a class="avia" data-type='avia' href="#">avia</a>
</div>
<div class="ekskurs-tur">
<div class="auto">
auto1
</div>
<div class="auto">
auto2
</div>
<div class="auto-gd">
auto-gd1
</div>
<div class="avia">
avia1
</div>
<div class="auto">
auto3
</div>
<div class="avia">
avia2
</div>
</div>
</body>
</html>
Вот и добавилась в поиск еще одна открывашка...
