someone,
Возможный вариант ...
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.div_bookmark {
display: none;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$("a").on("click",function(){
var b = $(this).parent().next().attr('class')
if (b == 'ALL') {$('.div_bookmark').show()}
else {
$('.div_bookmark').hide();
$('details[class="'+b+'"]').parents('.div_bookmark').show();
}
})
});
</script>
</head>
<body>
<div class="row">
<div class="span3 offset1 categories_list">Категории:
<ol>
<li>
<a class="btn btn-info btn-small">ALL</a>
</li>
<details class="ALL"></details>
<br>
<li>
<a class="btn btn-info btn-small">Ресурсы для изучения материала</a>
</li>
<details class="Ресурсы для изучения материала"></details>
<br>
<li>
<a class="btn btn-info btn-small">Решение актуальных проблем</a>
</li>
<details class="Решение актуальных проблем"></details>
<br>
<li>
<a class="btn btn-info btn-small">Вспомогательные инструменты</a>
</li>
<details class="Вспомогательные инструменты"></details>
<br>
</ol>
</div>
<div class="span9 bookmarks_list">
<div class="div_bookmark">
<a class="thumbnail" href="http://translate.google.ru/">http://translate.google.ru/</a>
<h6><a href="/bookmarks/5/ " class="btn btn-info lead">Редактировать</a>
Приоритет:9 ||
Просмотрено: False ||
Публичная: True
<a href="/bookmarks/delete_bookmark/5" class="btn pull-right btn-mini btn-danger">удалить</a>
<details class="Вспомогательные инструменты"></details>
</h6>
<hr>
</div>
<div class="div_bookmark">
<a class="thumbnail" href="http://bootstrap.veliovgroup.com/index.php">http://bootstrap.veliovgroup.com/index.php</a> <pre>Bootstrap с переводом
</pre>
<h6><a href="/bookmarks/7/ " class="btn btn-info lead">Редактировать</a>
Приоритет:9 ||
Просмотрено: False ||
Публичная: False
<a href="/bookmarks/delete_bookmark/7" class="btn pull-right btn-mini btn-danger">удалить</a>
<details class="Ресурсы для изучения материала"></details>
</h6>
<hr>
</div>
<div class="div_bookmark">
<a class="thumbnail" href="http://twitter.github.com/bootstrap/index.html">http://twitter.github.com/bootstrap/index.html</a>
<h6><a href="/bookmarks/3/ " class="btn btn-info lead">Редактировать</a>
Приоритет:7 ||
Просмотрено: False ||
Публичная: False
<a href="/bookmarks/delete_bookmark/3" class="btn pull-right btn-mini btn-danger">удалить</a>
<details class="Ресурсы для изучения материала"></details>
</h6>
<hr>
</div>
<div class="div_bookmark">
<a class="thumbnail" href="http://htmlbook.ru/">http://htmlbook.ru/</a>
<h6><a href="/bookmarks/6/ " class="btn btn-info lead">Редактировать</a>
Приоритет:7 ||
Просмотрено: False ||
Публичная: False
<a href="/bookmarks/delete_bookmark/6" class="btn pull-right btn-mini btn-danger">удалить</a>
<details class="Ресурсы для изучения материала"></details>
</h6>
<hr>
</div>
<div class="div_bookmark">
<a class="thumbnail" href="http://djangoproject.com">http://djangoproject.com</a>
<h6><a href="/bookmarks/1/ " class="btn btn-info lead">Редактировать</a>
Приоритет:5 ||
Просмотрено: False ||
Публичная: True
<a href="/bookmarks/delete_bookmark/1" class="btn pull-right btn-mini btn-danger">удалить</a>
<details class="Ресурсы для изучения материала"></details>
</h6>
<hr>
</div>
<div class="div_bookmark">
<a class="thumbnail" href="http://south.aeracode.org/">http://south.aeracode.org/</a>
<h6><a href="/bookmarks/4/ " class="btn btn-info lead">Редактировать</a>
Приоритет:5 ||
Просмотрено: False ||
Публичная: False
<a href="/bookmarks/delete_bookmark/4" class="btn pull-right btn-mini btn-danger">удалить</a>
<details class="Ресурсы для изучения материала"></details>
</h6>
<hr>
</div>
<div class="div_bookmark">
<a class="thumbnail" href="http://www.michelepasin.org/blog/2010/07/20/the-power-of-djangos-q-objects/">http://www.michelepasin.org/blog/2010/07/20/the-power-of-djangos-q-objects/</a> <pre>Интересное разъяснение по использованию класса class Q в запросах для django.</pre>
<h6><a href="/bookmarks/2/ " class="btn btn-info lead">Редактировать</a>
Приоритет:3 ||
Просмотрено: True ||
Публичная: True
<a href="/bookmarks/delete_bookmark/2" class="btn pull-right btn-mini btn-danger">удалить</a>
<details class="Решение актуальных проблем"></details>
</h6>
<hr>
</div>
</div>
</div>
</body>
</html>