Переключение отображения на jQuery
ДЕМО | ССЫЛЬ на ТУТОР
<script type="text/javascript">
$(document).ready(function(){
$("a.switch_thumb").toggle(function(){
$(this).addClass("swap");
$("ul.display").fadeOut("fast", function() {
$(this).fadeIn("fast").addClass("thumb_view");
});
}, function () {
$(this).removeClass("swap");
$("ul.display").fadeOut("fast", function() {
$(this).fadeIn("fast").removeClass("thumb_view");
});
});
});
</script>
$(document).ready(function(){
$("a.switch_thumb").toggle(function(){
$(this).addClass("swap");
$("ul.display").fadeOut("fast", function() {
$(this).fadeIn("fast").addClass("thumb_view");
});
}, function () {
$(this).removeClass("swap");
$("ul.display").fadeOut("fast", function() {
$(this).fadeIn("fast").removeClass("thumb_view");
});
});
});
</script>
Нажимая на кнопку отображения другого вида подключается класс swap и thumb_view
Это будет попроще чем наворачивать шаблонизатор на jQuery
Рекомендую к просмотру:
- Функция рекурсивного создания директорий
- Ticker`ы на jQuery
- Функция вывода времени в текстовом формате
- HTML5 Placeholder Attribute
- Функция склонения слов