Pro HTML5 and CSS3 Design Patterns

(avery) #1

CHAPTER 17 ■ LAYOUTS


HTML Header


<head>
<!-- only script elements are shown -->

<script language="javascript" type="text/javascript"
src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
</head>

page.js


$(document).ready(function(e){
$('.rollup-trigger').click(function(e){
$(this).closest('.rollup').children().not('.rollup-trigger').toggleClass('hidden');
$(this).parent().removeClass('hidden');
});
});
Free download pdf