Kod
<script>
var $button = $('#myButton');
var $text = $('#myText');
var visible = true;
$button.click(function()
{
if ( visible ) {
$text.slideUp('fast',function(){
$text.addClass('hide')
.slideDown(0);
});
} else {
$text.slideUp(0,function(){
$text.removeClass('hide')
.slideDown('fast');
});
}
visible = ! visible;
});</script>
</html>
var $button = $('#myButton');
var $text = $('#myText');
var visible = true;
$button.click(function()
{
if ( visible ) {
$text.slideUp('fast',function(){
$text.addClass('hide')
.slideDown(0);
});
} else {
$text.slideUp(0,function(){
$text.removeClass('hide')
.slideDown('fast');
});
}
visible = ! visible;
});</script>
</html>
Wszystko pięknie działa. Tylko jakim najlepszym sposobem uogólnić ten kod na dowolną ilość elementów
<button> oraz <p> ?
Mogę z id stworzyć tablicę, później wygenerować w JS taką samą tablicę zmiennych button, text, visible - ale na etapie generowania HTML muszę zadbać o nadanie unikalnych ID. Myślałem nad rozwiązaniem, by odczytać JS wszystkie elementy w klasie CSS i na tej podstawie stworzyć tablicę - ale jak się do niej odwołać?