Создание скользящего меню Jquery

0

Хотите создать jquery-меню, например, на этом слайде с сайта слева, а при щелчке по значку восстанавливается его положение.

http://wittlingerorthodontics.com/default2.asp

только можно добиться этого на jsFiddle

http://jsfiddle.net/messi1987/tfASa/

$(function() {
// run the currently selected effect
function runEffect() {
// get effect type from
var selectedEffect = "slide";

// most effect types need no options passed by default
var options = {};
// run the effect
$( "#effect" ).effect( selectedEffect, options, 1000 );
};

// set effect from select menu value
$( "#button" ).click(function() {
runEffect();
return false;
});
});

в то время как я хочу, чтобы он скользил и нажал на кнопку/изображение, чтобы вернуться в orignal positon. Новое для jquery, поэтому do'nt не получает контент для справки где угодно. Помогите мне сделать это. для полного понимания проверяемого сайта.

Теги:
menu

1 ответ

3
Лучший ответ

попробуйте эту скрипку, я думаю, что это то, что вы хотите

$(function() {
    $('#button').click(function(){
         $(".ul_menu").toggleClass('show');
        if( $(".ul_menu").hasClass('show')){
        $(".ul_menu").show("slide",{direction: 'left'});
        }else{
          $(".ul_menu").hide("slide",{direction: 'left'});
        }
    });
    $('#button').mouseleave(function(){
        if($(".ul_menu").hasClass('show')){
           $(".ul_menu").hide("slide",{direction: 'left'});
        }
    })
});
Поделиться
  • 0
    почти то же самое, но хочу сдвинуть кнопку / изображение одновременно с меню. и показывал только кнопку запуска / изображение при скрытии. Редактировать, если это возможно. Спасибо
  • 0
    вам нужно что-то, в чем вы можете нажать и открыть то, что вы хотите, вы можете поместить свою кнопку редактирования обратно в список, и иметь другую кнопку или ссылку, нажав на которую вы можете открыть свое меню
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню