Преработка на скрипт

[DobriMcConnor]

Здравейте отново,

В тази тема http://web-tourist.net/forum/viewtopic.php?p=641222&highlight=#641222 ми дадоха скрипт, но сега ми трябва същия скрипт, който даде valentinn, но по default всичко да е скрито. Мъчих се, мъчих се, вече 40 мин стана, но нищо не става.

 

[trunv]

Сложи това

<div id="bottom" style="display: none;">
            TEXT TEXTTEXT TEXTTEXT TEXTTEXT TEXT
         </div>

 

[syneidesys]

Вземи кода на By the way и му добави евентуално за плюса и минуса дива и скрипта!

 

[DobriMcConnor]

Да, стана, за което съм ти много благодарен.

И за последно - има ли начин да направя hover? Тоест аз съм направил бокс, в който да е знака + и -, и искам този бокс като дам на + да се включва hover-a и като му дам - съответно да си остава по default.

 

[syneidesys]

Не знам дали те разбирам ,но ако кода на by the way го отвориш , по точно джаваскрипт файла -просто смени където пише click със hover!

 

[DobriMcConnor]

Аз използвам кода на valentinn. Ще го обясня със снимка:

Надявам се да е лесно за разбиране.

 

[syneidesys]

Пак където пише клик -пробвай със ховер! ако това целиш!

 

[DobriMcConnor]

М, не става така. Когато сложа мишката върху бокса се променя, а аз искам като натисна върху него тогава да се променя.

 

[syneidesys]

Тука например има различни варианти:
http://www.randomsnippets.com/2008/02/12/how-to-hide-and-show-your-div/

Или
http://www.randomsnippets.com/2011/04/10/how-to-hide-show-or-toggle-your-div-with-jquery/

 

[DobriMcConnor]

Да, но няма тава, което търся.

 

[DobriMcConnor]

Значи в див-а на кутията добави :active и му зададох различен background. Като го натисна само се сменя за кратко background-a и се връща стария, тоест другия background не се задържа.

 

[bytheway]

Здрасти. Извинявай, но не успях ясно да разбера каква точно е идеята Както и да е, промених малко jQuery кода от урока за показване/скриване на съдържание. Сега, след като отвориш страницата, преди всяко h2 заглавие има +. Като натиснеш в/у него (или цялото заглавие), този + се променя на -. След като натиснеш отново, за да го затвориш, – се връща обратно на +. Надявам се, че това е идеята ти

Ето го кода. Просто свали моя пример и замести целия код в custom.js.

[js]
$(document).ready(function(){
var clicked = true;
var h2 = $('.accordion h2');
h2.prepend('<span>+</span>');
$('.accordion > div').hide();

h2.click(function() {
var thisH2 = $(this);
if (clicked) {
thisH2.find('span').text('-');
clicked = false;
} else {
thisH2.find('span').text('+');
clicked = true;
}
thisH2.next().slideToggle('fast');
});
});
[/js]

Упсех!