jQuery вилетіти div не вдається

Я почав писати свій власний Jquery. Я маю рацію з самого початку з хвилини і займаюся хованням divs, після чого роблячи їх видимими знову. Отже, спочатку я ховаю div через Jquery

 $(".hidden-div1").hide();  
 $(".hidden-div2").hide();  

Я тоді зробив основний div і пішов tut для того, як використовувати slideToggle.

$("#show1").click(function() {
    $(".hidden-div1").slideToggle("slow");
});

$("#show2").click(function() {
    $(".hidden-div2").slideToggle("slow");
});

Отже, у мене 2 посилання на сторінці та 2 прихованих розділів. Вони працюють нормально, вислизають і ховаються, як слід, відповідно до ковзача.

Однак одна з посилань на півдорозі на мою сторінку. Коли він натискається не тільки, він висунув приховану частину (як би це було), але він стрибає на самому верху веб-сайту. Я тоді повинен прокрутити вниз, щоб побачити новий div. Моє питання - це. Як зупинити стрибок у верхній частині сторінки, натиснувши посилання? Я можу опублікувати посилання на сайт, якщо моє запитання не має сенсу.

Спасибі штабелери

0
"Я почав писати свій власний Jquery". - звучить багатообіцяюче :)
додано Автор Cherniv, джерело
"Я почав писати свій власний Jquery". - звучить багатообіцяюче :)
додано Автор Cherniv, джерело
"Я почав писати свій власний Jquery". - звучить багатообіцяюче :)
додано Автор Cherniv, джерело
Привіт @ Delfian так, він працює нормально, але якщо ви натиснете посилання вище і перейдете на сайт, тоді натисніть другий розділ додаткової інформації, яку ви побачите. Замість того, щоб прокрутити його вниз, він стрибає у верхній частині сайту. Потім вам доведеться прокрутити вниз звідти. Сторінка повинна розширюватися нижче, де ви перебуваєте
додано Автор Daniel Robinson, джерело
Привіт @ Delfian так, він працює нормально, але якщо ви натиснете посилання вище і перейдете на сайт, тоді натисніть другий розділ додаткової інформації, яку ви побачите. Замість того, щоб прокрутити його вниз, він стрибає у верхній частині сайту. Потім вам доведеться прокрутити вниз звідти. Сторінка повинна розширюватися нижче, де ви перебуваєте
додано Автор Daniel Robinson, джерело
Привіт @ Delfian так, він працює нормально, але якщо ви натиснете посилання вище і перейдете на сайт, тоді натисніть другий розділ додаткової інформації, яку ви побачите. Замість того, щоб прокрутити його вниз, він стрибає у верхній частині сайту. Потім вам доведеться прокрутити вниз звідти. Сторінка повинна розширюватися нижче, де ви перебуваєте
додано Автор Daniel Robinson, джерело
@BalintBako ні, це не проблема. komodo.yourarena.co.uk/index3.php# натисніть на другу інформацію більше посилання, і ви побачите
додано Автор Daniel Robinson, джерело
@BalintBako ні, це не проблема. komodo.yourarena.co.uk/index3.php# натисніть на другу інформацію більше посилання, і ви побачите
додано Автор Daniel Robinson, джерело
@BalintBako ні, це не проблема. komodo.yourarena.co.uk/index3.php# натисніть на другу інформацію більше посилання, і ви побачите
додано Автор Daniel Robinson, джерело
@Aiapatag oooo добре, я ніколи цього не зробив. Це може не показати, що я маю на увазі, хоча, як це вже буде в верхній частині сторінки, але добре я буду
додано Автор Daniel Robinson, джерело
@ Чернівці нічого подібного не починати. вивчив "привіт світ" вчора ввечері;)
додано Автор Daniel Robinson, джерело
@ Чернівці нічого подібного не починати. вивчив "привіт світ" вчора ввечері;)
додано Автор Daniel Robinson, джерело
@ Чернівці нічого подібного не починати. вивчив "привіт світ" вчора ввечері;)
додано Автор Daniel Robinson, джерело
@Aiapatag oooo добре, я ніколи цього не зробив. Це може не показати, що я маю на увазі, хоча, як це вже буде в верхній частині сторінки, але добре я буду
додано Автор Daniel Robinson, джерело
@Aiapatag oooo добре, я ніколи цього не зробив. Це може не показати, що я маю на увазі, хоча, як це вже буде в верхній частині сторінки, але добре я буду
додано Автор Daniel Robinson, джерело
@aiapatag Ось моя скрипка, але це не означає, що неправильно jsfiddle.net/9rtvs
додано Автор Daniel Robinson, джерело
@aiapatag Ось моя скрипка, але це не означає, що неправильно jsfiddle.net/9rtvs
додано Автор Daniel Robinson, джерело
@aiapatag Ось моя скрипка, але це не означає, що неправильно jsfiddle.net/9rtvs
додано Автор Daniel Robinson, джерело
те ж саме добре працює в скрипці, чи не так? тоді чому? його не працює у вашому браузері?
додано Автор Able Alias, джерело
те ж саме добре працює в скрипці, чи не так? тоді чому? його не працює у вашому браузері?
додано Автор Able Alias, джерело
те ж саме добре працює в скрипці, чи не так? тоді чому? його не працює у вашому браузері?
додано Автор Able Alias, джерело
Я думаю, це більше схоже на це: jsfiddle.net/balintbako/9rtvs/1 І це випуск CSS ...
додано Автор Balint Bako, джерело
Я бачу, ви повинні почати з цього: D Можливо подія за замовчуванням на посилання викликається на ваш веб-сайт, який є сторінка і #, так що він буде прокручувати в основному.
додано Автор Balint Bako, джерело
Я бачу, ви повинні почати з цього: D Можливо подія за замовчуванням на посилання викликається на ваш веб-сайт, який є сторінка і #, так що він буде прокручувати в основному.
додано Автор Balint Bako, джерело
Я думаю, це більше схоже на це: jsfiddle.net/balintbako/9rtvs/1 І це випуск CSS ...
додано Автор Balint Bako, джерело
Я думаю, це більше схоже на це: jsfiddle.net/balintbako/9rtvs/1 І це випуск CSS ...
додано Автор Balint Bako, джерело
Опублікуйте скрипку, щоб ми могли бачити, що ти зробив.
додано Автор aiapatag, джерело
Опублікуйте скрипку, щоб ми могли бачити, що ти зробив.
додано Автор aiapatag, джерело

6 Відповіді

Use event.preventDefault() or use something else then an element for the button. Check this: http://jsfiddle.net/balintbako/9rtvs/2/

$(document).ready(function() {
    //hide some divs
    $(".hidden-div1").hide();

    $("#show1").click(function (event) {
        $(".hidden-div1").slideToggle("slow");
        event.preventDefault()
    });
});
1
додано
злий @ BalintBako, який теж працює. Ще раз спасибі за вашу допомогу з цього приводу. Тепер я розумію, що ви повинні перезаписати дії по замовчуванню html або спробувати використовувати інший тег. Дякую
додано Автор Daniel Robinson, джерело

Use event.preventDefault() or use something else then an element for the button. Check this: http://jsfiddle.net/balintbako/9rtvs/2/

$(document).ready(function() {
    //hide some divs
    $(".hidden-div1").hide();

    $("#show1").click(function (event) {
        $(".hidden-div1").slideToggle("slow");
        event.preventDefault()
    });
});
1
додано
злий @ BalintBako, який теж працює. Ще раз спасибі за вашу допомогу з цього приводу. Тепер я розумію, що ви повинні перезаписати дії по замовчуванню html або спробувати використовувати інший тег. Дякую
додано Автор Daniel Robinson, джерело

Use event.preventDefault() or use something else then an element for the button. Check this: http://jsfiddle.net/balintbako/9rtvs/2/

$(document).ready(function() {
    //hide some divs
    $(".hidden-div1").hide();

    $("#show1").click(function (event) {
        $(".hidden-div1").slideToggle("slow");
        event.preventDefault()
    });
});
1
додано
злий @ BalintBako, який теж працює. Ще раз спасибі за вашу допомогу з цього приводу. Тепер я розумію, що ви повинні перезаписати дії по замовчуванню html або спробувати використовувати інший тег. Дякую
додано Автор Daniel Robinson, джерело

Змінити

< a href="#" id="show2" class="morelinkwhite">Дізнатися більше< /a>

до

< span id="show2" class="morelinkwhite">Дізнатися більше< /span>

when you click link with # it refreshes the page and jumps до the доp. Do it до all "Дізнатися більше" butдоns. Hope it helps.

0
додано
спасибі, що працювали. Я тепер розумію, що було неправильно. Хлопці переконайтеся, що я попереджую за замовчуванням чи не використовую посилання. Ще раз спасибі всім за допомогу !!!!
додано Автор Daniel Robinson, джерело

Змінити

< a href="#" id="show2" class="morelinkwhite">Дізнатися більше< /a>

до

< span id="show2" class="morelinkwhite">Дізнатися більше< /span>

when you click link with # it refreshes the page and jumps до the доp. Do it до all "Дізнатися більше" butдоns. Hope it helps.

0
додано
спасибі, що працювали. Я тепер розумію, що було неправильно. Хлопці переконайтеся, що я попереджую за замовчуванням чи не використовую посилання. Ще раз спасибі всім за допомогу !!!!
додано Автор Daniel Robinson, джерело

Змінити

< a href="#" id="show2" class="morelinkwhite">Дізнатися більше< /a>

до

< span id="show2" class="morelinkwhite">Дізнатися більше< /span>

when you click link with # it refreshes the page and jumps до the доp. Do it до all "Дізнатися більше" butдоns. Hope it helps.

0
додано
спасибі, що працювали. Я тепер розумію, що було неправильно. Хлопці переконайтеся, що я попереджую за замовчуванням чи не використовую посилання. Ще раз спасибі всім за допомогу !!!!
додано Автор Daniel Robinson, джерело