eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwjQuery i dziwne zachowanieRe: jQuery i dziwne zachowanie
  • Path: news-archive.icm.edu.pl!agh.edu.pl!news.agh.edu.pl!news.cyf-kr.edu.pl!news.nask
    .pl!news.nask.org.pl!news.unit0.net!feeds.phibee-telecom.net!zen.net.uk!dedekin
    d.zen.co.uk!newsfeed.neostrada.pl!unt-exc-02.news.neostrada.pl!unt-spo-b-01.new
    s.neostrada.pl!news.neostrada.pl.POSTED!not-for-mail
    Content-Type: text/plain; charset=iso-8859-2; format=flowed; delsp=yes
    Newsgroups: pl.comp.www
    Subject: Re: jQuery i dziwne zachowanie
    References: <aHMWs.61247$xo5.48186@fx15.fr7>
    Date: Mon, 25 Feb 2013 19:56:23 +0100
    MIME-Version: 1.0
    Content-Transfer-Encoding: Quoted-Printable
    From: "Jordan Szubert" <u...@j...us.to>
    Organization: HELL inc.
    Message-ID: <o...@a...home>
    User-Agent: Opera Mail/12.14 (Win32)
    Lines: 97
    NNTP-Posting-Host: 83.10.203.98
    X-Trace: 1361818584 unt-rea-a-02.news.neostrada.pl 1311 83.10.203.98:58398
    X-Complaints-To: a...@n...neostrada.pl
    Xref: news-archive.icm.edu.pl pl.comp.www:401908
    [ ukryj nagłówki ]

    Dnia 25-02-2013 o 17:54:30 Nazon <n...@p...gdzies> napisał(a):

    > Witam.
    >
    > Od godziny próbuję znaleźć rozwiązanie następującego problemu* z jQuery:
    >
    > Chodzi mi o efekt dokumentu z kilkoma sekcjami, gdzie na początku tylko
    > jedna jest widoczna w całości, a z pozostałych tylko nagłówki.
    > Po kliknięciu nagłówka ukrytej sekcji powinna się ona pokazywać
    > jednocześnie
    > ukrywając tą już widoczną.
    > W skrócie kod wygląda mniej więcej tak:
    >
    > [code]
    > ...
    > <style type="text/css">
    > .toHide {
    > color: red;
    > }
    > .toHide>p {
    > display: none;
    > }
    > .toShow>p {
    > display: show;
    > }
    > </style>
    > ...
    > <script type="text/javascript">
    > $(function() {
    > $(".toHide").click(
    > function() {
    >
    > $(".toShow").toggleClass("toShow toHide");
    > $(this).toggleClass("toShow toHide");
    >
    >
    > }
    > );
    > }
    > );
    > </script>
    > ....
    > <article class="toShow">
    > <h3>Nagłówek</h3>
    > <p>Paragraf</p>
    > <p>Paragraf</p>
    > <p>Paragraf</p>
    > </article>
    > <article class="toHide">
    > <h3>Nagłówek</h3>
    > <p>Paragraf</p>
    > <p>Paragraf</p>
    > <p>Paragraf</p>
    > </article>
    > <article class="toHide">
    > <h3>Nagłówek</h3>
    > <p>Paragraf</p>
    > <p>Paragraf</p>
    > <p>Paragraf</p>
    > </article>
    > <article class="toHide">
    > <h3>Nagłówek</h3>
    > <p>Paragraf</p>
    > <p>Paragraf</p>
    > <p>Paragraf</p>
    > </article>
    >
    > [/code]
    >
    > Problem jaki występuje - artykuł który w momencie załadowania dokumentu
    > był
    > widoczny, po tym jak zostanie ukryty nie reaguje już na kliknięcie
    > (chociaż
    > klasa mu się zmienia) i nie może zostać z powrotem pokazany.**
    >
    >
    > *) Tak, jestem obecnie bardzo 'do tyłu' z frontendem :(
    > **) Nie, nie szukam gotowca - tylko jakiegoś haczyka którego mógłbym się
    > przyczepić żeby znaleźć powód takiego zachowania.

    chciałeś użyć http://api.jquery.com/live/ , ale nie wiedziałeś że istnieje?

    --
    Jordan Szubert

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: