Подскажите пожалуйста.

[Arinden]

Всем привет. Я совсем недавно начал изучать JavaScript, поэтому не знаю даже самых банальных вещей. Буду очень признателен, если подскажите один момент:

$("#button1, #button2, #button3").slideUp();

Как можно в данном случае сделать так, чтобы я мог внести исключение, скажем выполнять эту строку только для тех элементов, чей id не является this.id, при условии что this.id может быть, как button1, так и button2 или button3?

Рассчитываю на вашу компетентную помощь!...

[DrStrangeLove]

немного изменил твой код:

http://jsfiddle.net/gvx54/

http://jsfiddle.net/gvx54/1/

только в горизонтальном примере он встаёт на место исчезнувших, так как они вылетают из DOM'а, а во втором примере используем тэг br.

[Arinden]

немного изменил твой код:

http://jsfiddle.net/gvx54/

http://jsfiddle.net/gvx54/1/

только в горизонтальном примере он встаёт на место исчезнувших, так как они вылетают из DOM'а, а во втором примере используем тэг br.

Благодарю за помощь, попробовал прикрутить это к своему проекту. Дело в том, что у меня кнопки открывают слайд панели. Поэтому siblings нужно применять для вкладок содержимого. Я не знаю как мне объяснить... Мне нужно что-то такое, что будет сверять в начале this.id с элементами селектора, и если он там найден - убрать его из селектора. Тоесть $("#content1, #content2, #content3").slideUp(); если у нас var x имеет значение content1 - то селектор должен быть $("#content2, #content3").slideUp();, если content2, то только $("#content1, #content3").slideUp(); Это возможно?

Что нибудь вида:

if (this.id==="#content1") {

$("#content2, #content3").slideUp();

}

if (this.id==="#content2") {

$("#content1, #content3").slideUp();

}

if (this.id==="#content3") {

$("#content1, #content2").slideUp();

}

только более логичное, ведь кнопок же много....

Edited October 16, 2011 by Arinden

[DrStrangeLove]

немного изменил твой код:

http://jsfiddle.net/gvx54/

http://jsfiddle.net/gvx54/1/

только в горизонтальном примере он встаёт на место исчезнувших, так как они вылетают из DOM'а, а во втором примере используем тэг br.

Благодарю за помощь, попробовал прикрутить это к своему проекту. Дело в том, что у меня кнопки открывают слайд панели. Поэтому siblings нужно применять для вкладок содержимого. Я не знаю как мне объяснить... Мне нужно что-то такое, что будет сверять в начале this.id с элементами селектора, и если он там найден - убрать его из селектора. Тоесть $("#content1, #content2, #content3").slideUp(); если у нас var x имеет значение content1 - то селектор должен быть $("#content2, #content3").slideUp();, если content2, то только $("#content1, #content3").slideUp(); Это возможно?

Что нибудь вида:

if (this.id==="#content1") {

$("#content2, #content3").slideUp();

}

if (this.id==="#content2") {

$("#content1, #content3").slideUp();

}

if (this.id==="#content3") {

$("#content1, #content2").slideUp();

}

только более логичное, ведь кнопок же много....

Покажи свой код. По нажатию на одни и теже кнопки панель исчезает и появляется??

[Arinden]

Я сделал! И в этом мне помог .siblings() в том числе, спасибо! Если не сложно можете подсказать, как сделать, чтобы .click(function(event){ не выполнялся повторно пока не будет завершена анимация этой же функции от нажатия другой кнопки? Код не выкладываю, потому что там дремучий лес, и я просто не в состоянии объяснить что именно я там налепил и для чего.

Например:

$("#button1, #button2, #button3").click(function(event){

var x = this.id+'content';

$(x).slideDown("slow");

});

Если я нажму на button1 начнётся slideDown, и тут я передумаю и нажму button2, и анимация slideDown прервётся. Мне нужно чтобы функция на клик при повторном нажатии "ждала" завершения этой функции.

Edited October 16, 2011 by Arinden

[Arinden]

var r = "null";
$("#button1, #button2, #button3").click(function(event){
 if (r==="null" || r==="done") {
  r = "wait";
  var x = this.id+'content';
  $(x).slideDown("slow", function(event) {
  r = "done"; })
 });

Вот я что придумал. Вопрос снимается. Благодарю за помощь!

[DrStrangeLove]

Я сделал! И в этом мне помог .siblings() в том числе, спасибо! Если не сложно можете подсказать, как сделать, чтобы .click(function(event){ не выполнялся повторно пока не будет завершена анимация этой же функции от нажатия другой кнопки? Код не выкладываю, потому что там дремучий лес, и я просто не в состоянии объяснить что именно я там налепил и для чего.

Например:

$("#button1, #button2, #button3").click(function(event){

var x = this.id+'content';

$(x).slideDown("slow");

});

Если я нажму на button1 начнётся slideDown, и тут я передумаю и нажму button2, и анимация slideDown прервётся. Мне нужно чтобы функция на клик при повторном нажатии "ждала" завершения этой функции.

Не уверен, что поможет, но попробуй объявить глобальную переменную

x = true

Далее в самом начале обработчика ставишь

if (x) {//здесь весь код обработчика}

в самом начале кода(но внутри if блока) обработчика выключаешь переменную

x=false

, а в самом конце(но внутри if блока) опять включаешь -

 x=true

Ха, мы минута в минуту опубликовали! Твой пример поизящнее, молодец!

Edited October 16, 2011 by DrStrangeLove

[Arinden]

Невероятно))) Спасибо, вы мне очень помогли, наставили на верный путь к решению проблемы, я так рад, что всё работает!

Что самое интересное, вы предложили практически тоже самое)... Телепатия..

Edited October 16, 2011 by Arinden

[DrStrangeLove]

Невероятно))) Спасибо, вы мне очень помогли, наставили на верный путь к решению проблемы, я так рад, что всё работает!

Что самое интересное, вы предложили практически тоже самое)... Телепатия..

GMTA - Как говорят англичане в таких ситуациях - Great minds think alike )

[Arinden]

Невероятно))) Спасибо, вы мне очень помогли, наставили на верный путь к решению проблемы, я так рад, что всё работает!

Что самое интересное, вы предложили практически тоже самое)... Телепатия..

GMTA - Как говорят англичане в таких ситуациях - Great minds think alike )

Это точно))