переключатель jQuery и постепенно появляется одна функция?

Question

переключатель jQuery и постепенно появляется одна функция?

Я задавался вопросом, мог ли переключатель () и постепенное появление () использоваться в одной функции...

я заставил это работать, но это только постепенно появляется после второго щелчка... не при первом щелчке переключателя.

$(document).ready(function() {

 $('#business-blue').hide();

  $('a#biz-blue').click(function() {
    $('#business-blue').toggle().fadeIn('slow');
    return false;
  });

// hides the slickbox on clicking the noted link 

  $('a#biz-blue-hide').click(function() { 
     $('#business-blue').hide('fast'); 
     return false; 
  }); 


});



  <a href="#" id="biz-blue">Learn More</a>
        <div id="business-blue" style="border:1px soild #00ff00; background:#c6c1b8; height:600px; width:600px; margin:0 auto; position:relative;">
            <p>stuff here</p>
        </div>

11

jquery toggle

задан tony noriega 12 April 2010 в 22:28

3 ответа

Другие вопросы по тегам:

jquery toggle

Похожие вопросы:

score 12 · Answer 1

Вы можете использовать toggle() для чередования набора функций. Так, если вы хотите, чтобы элемент затухал и исчезал при каждом втором щелчке, используйте toggle() для управления двумя функциями: затуханием и исчезновением. Вот так:

$('a#biz-blue').toggle(function() {
    $('#business-blue').fadeIn('slow');
    return false;
  },
function() {
    $('#business-blue').fadeOut('slow');
    return false;
  });

score 0 · Answer 2

Также похоже, что кто-то написал плагин для этого два года назад.

0

ответ дан 3 December 2019 в 01:51

score 3 · Answer 3

Ваш вопрос меня немного смущает, потому что .toggle () в основном является переключателем отображения / скрытия, но у вас есть fadeIn. Ближайшее предположение, которое у меня есть, это то, что вам нужно переключение затухания, и в этом случае вы можете сделать это с помощью animate () :

$('#business-blue').animate({opacity: 'toggle'}, 800);

Другой вариант, который вам может понадобиться, - это скользить вверх и вниз с помощью .slideToggle () вот так:

$('#business-blue').slideToggle('slow');