X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Выдвижной блок
fr0d
fr0d
Topic Starter сообщение 2.9.2011, 17:20; Ответить: fr0d
Сообщение #1


Есть код выдвижного блока
[JS]<script type="text/javascript">
$(document).ready(function(){
$(".music-player").hide();
$(".music-player:odd");
$("h3 span").click(function(){
$(this).parent().next().slideToggle();
});
});
</script>[/JS]

Так я добавляю сворающиеся блоки
<h3><span class="expand">...</span></h3>
<div class="music-player"><p>...</p></div>

Например хочу выдвинуть Блок #1, затем Блок #2. Подскажите, пожалуйста, как сделать так, чтобы при выдвижении второго блока, первый блок закрывался?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 2.9.2011, 17:51; Ответить: pavelsc
Сообщение #2


[JS]
$("h3 span").click(function(){
$("h3 span").each(function(){
$(this).parent().next().slideUp();
});
$(this).parent().next().slideDown();
});
[/JS]
Решается вообще так. Только непонятно зачем вы нагородили с parent().next()... Из того что вы написали я не могу понять что возвращает parent().next(). Скинули бы код всей странички, потому что то что есть у вас - не работает. Но в любом случае решается по тому принципу что я написал: сначала скрывается все что выдвинуто, а потом открывается то, по чему кликнуто.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fr0d
fr0d
Topic Starter сообщение 2.9.2011, 18:07; Ответить: fr0d
Сообщение #3


(pavelsc @ 2.9.2011, 20:51) *
[JS]
$("h3 span").click(function(){
$("h3 span").each(function(){
$(this).parent().next().slideUp();
});
$(this).parent().next().slideDown();
});
[/JS]
Решается вообще так. Только непонятно зачем вы нагородили с parent().next()... Из того что вы написали я не могу понять что возвращает parent().next(). Скинули бы код всей странички, потому что то что есть у вас - не работает. Но в любом случае решается по тому принципу что я написал: сначала скрывается все что выдвинуто, а потом открывается то, по чему кликнуто.


Код работает, но теперь когда нажимаю на блок и хочу его закрыть, он открывается по новой. http://rvdrace.com/vocal_house/
И скажите, пожалуйста, возможно ли этот код совместить со сменой картинки STOP на PLAY?

var x=false;
var a=0;
function imgchange(obj,imgX,imgY,id) {
if (a==id) {x=!x}
if (x){obj.src=imgX}
else {obj.src=imgY}
a=id;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 2.9.2011, 19:13; Ответить: pavelsc
Сообщение #4


(fr0d @ 2.9.2011, 21:07) *
Код работает, но теперь когда нажимаю на блок и хочу его закрыть, он открывается по новой.

Для этого надо добавить кое что:
[JS]
$("h3 span").click(function(){
if($(this).parent().next().hasClass('new_ex')){
$(this).slideUp();
$(this).removeClass('new_ex');
}
else{
$("h3 span").each(function(){
$(this).parent().next().slideUp();
$(this).parent().next().removeClass('new_ex');
});
$(this).parent().next().slideDown();
$(this).parent().next().addClass('new_ex');
}
});
[/JS]

Можно совместить, но не этот код а кое какой получше. Посмотри, будет ли работать такой код:

[JS]
$("h3 img").click(function(){
if($(this).parent().next().hasClass('new_ex')){
$(this).slideUp();
$(this).removeClass('new_ex');
}
else{
$("h3 img").each(function(){
$(this).parent().next().slideUp();
$(this).parent().next().removeClass('new_ex');
});
$(this).parent().next().slideDown();
$(this).parent().next().addClass('new_ex');
}
});
[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fr0d
fr0d
Topic Starter сообщение 2.9.2011, 19:41; Ответить: fr0d
Сообщение #5


Можно совместить, но не этот код а кое какой получше. Посмотри, будет ли работать такой код:

[JS]
$("h3 img").click(function(){
if($(this).parent().next().hasClass('new_ex')){
$(this).slideUp();
$(this).removeClass('new_ex');
}
else{
$("h3 img").each(function(){
$(this).parent().next().slideUp();
$(this).parent().next().removeClass('new_ex');
});
$(this).parent().next().slideDown();
$(this).parent().next().addClass('new_ex');
}
});
[/JS]
Теперь когда нажимаешь на плей 2 раза, прячется не плеер, а сама картинка


заменил
$(this).slideUp();

на

$(this).parent().next().slideUp();

но теперь если 3 раза кликнуть по Плею плеер не появляется
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 5.9.2011, 12:29; Ответить: pavelsc
Сообщение #6


fr0d, насчет того чтобы использовать $(h3 img) это просто была идея чтобы можно было использовать для смены картинки конструкцию $(this).attrib('src')="images/play.jpg". Да, картинка прячется потому что видимо все таки мне надо было указать parent().parent().next() так как img внутри span. Ну или более определенный селектор
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fr0d
fr0d
Topic Starter сообщение 5.9.2011, 14:53; Ответить: fr0d
Сообщение #7


(pavelsc @ 5.9.2011, 15:29) *
fr0d, насчет того чтобы использовать $(h3 img) это просто была идея чтобы можно было использовать для смены картинки конструкцию $(this).attrib('src')="images/play.jpg". Да, картинка прячется потому что видимо все таки мне надо было указать parent().parent().next() так как img внутри span. Ну или более определенный селектор

Это всё понятно, но вот когда 2 раза кликаешь на одну картинку, плеер открывается и прячется, но ещё один раз его открыть нельзя. Приходится нажимать на другую картинку. (http://only4dj.ru)
Не подскажете, как это исправить?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fr0d
fr0d
Topic Starter сообщение 17.9.2011, 15:39; Ответить: fr0d
Сообщение #8


никто не знает как?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как скрыть блок в приложении на Android
0 Вито_052 1093 15.12.2019, 12:37
автор: Вито_052
Открытая тема (нет новых ответов) Появляющийся блок
0 sergei_burg 2211 1.6.2019, 13:39
автор: -sergei1980-
Открытая тема (нет новых ответов) Перенести блок FAQ с сайта
Верстка
3 Gera 2556 13.12.2018, 15:40
автор: mmkulikov
Открытая тема (нет новых ответов) Куплю места на мордочках, под сквозные ссылочки под блок сквозных ссылок.
тематика: СМИ,Туризм,Медицина
4 SeoGanik 9628 18.2.2017, 12:33
автор: SeoGanik
Открытая тема (нет новых ответов) Выровнить абсолютный блок по центру НЕИЗВЕСТНОГО размера без js
2 lensoy 5591 27.9.2015, 19:08
автор: -lensoy-


 



RSS Текстовая версия Сейчас: 24.4.2024, 18:09
Дизайн