如何在特定时间滑动菜单?

时间:2015-05-27 14:12:35

标签: javascript jquery html css

https://jsfiddle.net/rabelais/6rdzb1x9/

请看上面的小提琴。

  1. 当用户点击工作链接时,第一个菜单会滑出。
  2. 当用户点击Igna链接时,第二个菜单会滑出。
  3. 当用户再次点击菜单链接时,两个菜单都会滑开。
  4. 问题:如何重新编码,以便第一个菜单仅在第二个菜单滑回后滑开?

     $('#menu').click(function () {
    if ($('#fatal').css('display') == 'none') {
        $('#fatal').animate({ left: 'toggle' }, 300);
        window.setTimeout(function () {
            $('#igna, #black').slideToggle("slow");
        }, 100);
    }
    
    else {
        $('#black, #igna, #igna-1').slideUp("fast");
    
        window.setTimeout(function () {
            $('#fatal, #igna-2').animate({ left: 'hide' }, 300);
        }, 300);
    }
    
    });
    $('#igna').click(function () {
    if ($('#igna-2').css('display') == 'none') {
        $('#igna-2').animate({ left: 'show' }, 300);
        window.setTimeout(function () {
            $('#igna-1').slideToggle("slow");
        }, 300);
    }
    
    else {
        $('#igna-1').slideToggle("fast");
    
        window.setTimeout(function () {
            $('#igna-2').animate({ left: 'hide' }, 300);
        }, 300);
    }
    });
    

1 个答案:

答案 0 :(得分:0)

正如我在评论中提到的,您可以使用slider_value_{{ filter.pk }}$('[id^=slider-]').slider(); $('[id^=slider-]').on("slide", function(slideEvt) { changer_span = $(this).attr('data-for'); $('#' + changer_span).text(slideEvt.value); }); 中的回调函数。这将在动画完成后触发事件。我只为此修改了#include<stdio.h> void ascii() { //code goes here } int main() { int b; char a; b=ascii(a); printf("%d",b);//Expecting the ASCII Value of a to printed. return 0; } 点击事件,其余部分保持不变。

Fiddle

slideToggle()