jQuery скользит вверх и вниз от базового элемента

#jquery

Вопрос:

Когда я добавляю вторую ссылку, чтобы открыть другой элемент с помощью jQuery, ползунок вверх и вниз не работает. Я не знаю, как добавить другой элемент в код jQuery.

 <script type="text/javascript">
    jQuery(function( $ ){

        // Get a reference to the container.
        var container = $( "#container" );


        // Bind the link to toggle the slide.
        $( "a" ).click(
        function( event ){
            // Prevent the default event.
            event.preventDefault();

            // Toggle the slide based on its current
            // visibility.
            if (container.is( ":visible" )){

                // Hide - slide up.
                container.slideUp( 1000 );

            } else {

                // Show - slide down.
                container.slideDown( 1000 );

            }
        });
    });
</script>

Страница http://tinyurl.com/pksro4z

1. Я проверил эту ссылку, и скрипт работает. Не могли бы вы, пожалуйста, уточнить свой запрос или показать что-нибудь в jsfiddle?

2. извините, но я новичок, по обеим ссылкам вы увидите один и тот же элемент из botton, я не знаю, как связать другое утверждение с другим элементом, чтобы оно исходило из botton, спасибо

Ответ №1:

Прежде всего, вы изучите jquery selector-w3c или jquery selector link, который используется для поиска нужного объекта, например, поиска объекта по идентификатору, css или тегу.

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

 $( "a" ).click(...

Вам нужно присвоить идентификатор всем привязкам

 <a id="ashowWithSlidown" href="#">Show Div With SlideDown()</a>
<a id="ashow" href="#">Show Div</a>

Теперь примените щелчок к каждому элементу с идентификатором, подобным

 $( "#ashowWithSlidown" ).click(function( event ){ alert('this is "ashowWithSlidown"') ;});

and 

$( "#ashow" ).click(function( event ){ alert('this is "ashow"') 
; });

Также измените класс на высоту, например

 #container {
    bottom: 0;
    height: 151px;
    left: 0;
    position: fixed;
    width: 100%;
}