') .cycle({ fx: 'fade', speed: 1800, timeout: 5500, pause: 1, pager: '#pager' }); }); // Events filter $(document).ready(function(){ //when a link in the filters div is clicked... $('#filters a').click(function(e){ //prevent the default behaviour of the link e.preventDefault(); //get the id of the clicked link(which is equal to classes of our content var filter = $(this).attr('id'); //show all the list items(this is needed to get the hidden ones shown) $('.eventsList dt, .eventsList dd').show(); /*using the :not attribute and the filter class in it we are selecting only the list items that don't have that class and hide them '*/ $('.eventsList dt:not(.' + filter + ')').hide(); /*using the :not attribute and the filter class in it we are selecting only the list items that don't have that class and hide them '*/ $('.eventsList dd:not(.' + filter + ')').hide(); }); }); // Events display only three items $(function(){ // create list item for // link that shows hidden // list items $('

') // creat anchor .append('') // select anchor .children('a') // set href .attr('href','#') // set text .text('Display All') // add click function .click(function(){ // show all hidden elements $(this).parent().parent().children(':hidden').show(); // remove this list item $(this).parent().remove(); }) // select li .parent() // insert after 10th list item in ul .insertAfter('ul#events li:eq(3)') // get back to ul .parent() // hide all list items with an // index higher than 10 because // the 10th index is the new li we // created .children('li:gt(4)').hide(); }); // -->