jQuery & Rails - zwijanie

Zielona szkoła
1

Cześć wszystkim, mam problem odnośnie zwijania rozsuniętego newsa. Może trochę wizualizacji :slight_smile:

index.js.erb

[code]$("#show_news").toggle().html("<%= escape_javascript(render(“show”)) %>").fadeIn(‘slow’);

$(document).ready(function() {

$(".read_more_hide.btn").click(function() {
$("#show_news").fadeOut(‘slow’);
$(this).remove();
});

$("#read_more").click(function() {
$("#show_news").fadeIn(‘slow’);
});

})[/code]
wycinek application.js

$(function() { $("#read_more").live("click", function() { $.getScript(this.href); return false; }); });
Efekt jest taki: http://www.youtube.com/watch?v=GZQJ32SGJ4I (proponuję wysoką jakość)
Można też spostrzec, że po zwinięciu, oraz ponownym rozwinięciu - nie ma animacji. Nie miałem wcześniej doczynienia z js i rails. Gdzie może tkwić błąd?

Dodam, że próbowałem robić jeszcze w takim styu: https://gist.github.com/1308566c355373a60ab8 - jednak też nie działało jak powinno. Poczytałem trochę i wiem, że jest od tego .fadeToggle()
, jednak nie wiem jak tego użyć w taki sposób, żeby wszystko ładnie współgrało.

Proszę o pomoc :slight_smile:

2

Animacji nie ma prawdopodobnie przez tą linijkę:

$(this).remove();

Nie wiem po co tu zaprzęgać jakiegokolwiek AJAXa - zrób po prostu DIV albo P (o id #long_news), który na początku jest niewidoczny (‘display’ w CSSie)
i powiedzmy, że mamy dwa przyciski - jeden “Ukryj” i jeden “Pokaż więcej” - oba z klasy “.more_show”. Dodaj funkcję:

$(".more_show").click(function() { $("#long_news").fadeToggle; });
I wydaje mi się, że powinno działać : )

3

Ale jak zauważyłeś, pobrałem resztę newsa z zrednerowanej strony przez index.js.erb. Ale już miałem dość bawienia się z tym i po prostu zrobiłem tak jak teraz Ty to napisałeś.