javascript – Make items visible with button

I have this javascript code:

function newsOverview() {
    $(\".list-news li:gt(3)\").hide();
    $(\".box-news .btn-1\").on(\'click\', function(e){
        e.preventDefault;
        $(\".list-news li:visible:last\").nextAll(\":lt(4)\").fadeIn(600);
    });
};

I have a big list with li items. This script is showing every time 4 li items. When you clicking on the btn-1 button. But now i have a question with this script.

• Why the e.preventDefault is not working? When i clicking the button. I scrolling back to the top of the page. Why does that is not working?


• And, Is it possible. When all items are visible. That the button disappears.

Rating: 3 out of 5 based on 3 ratings

Posts Related to javascript - Make items visible with button

• Jul 10th, 2012 PHP (or Javascript) Floating Header On/Off Tuesday AM 06:43:17


• Jul 24th, 2012 JavaScript: Parse a long date into a shorter one Tuesday AM 10:55:00


• Jul 25th, 2012 javascript - Make submit delay before POST Wednesday AM 10:26:00


• Jul 14th, 2012 javascript - php button link with JQuery Saturday AM 08:31:49


• Jul 14th, 2012 javascript - calling a function from another function by 'onclick' event Saturday PM 14:41:43


• Jul 21st, 2012 php - Drop down list come with scroll bar in chrome Saturday AM 04:18:42


• Jul 12th, 2012 Javascript to wrap array items in <LI> Tag Thursday AM 06:11:21


• Jul 31st, 2012 javascript - Allow user to order a list of selections? Tuesday AM 06:06:35


• Jul 24th, 2012 javascript - How to get a specific jquery toggle show / hide div to load visible? Tuesday AM 03:24:32


• Jul 18th, 2012 asp.net - Error invoking Javascript function from .ascx file Wednesday AM 03:29:58

The post javascript – Make items visible with button appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/javascript-make-items-visible-with-button.html