-
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
Następne wpisy z tego wątku
- 25.02.13 21:22 Nazon
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-12-11 Warszawa => Analyst in the Trade Development department (experience wi
- 2024-12-11 Lublin => Programista Delphi <=
- 2024-12-11 Motodziennik #305 Nowy ELEKTRYK za 350 złotych miesięcznie? Kreatywne kredytowanie problemów
- 2024-12-11 Warszawa => Spedytor Międzynarodowy <=
- 2024-12-11 Katowice => Key Account Manager (ERP) <=
- 2024-12-11 Katowice => Regionalny Kierownik Sprzedaży (OZE) <=
- 2024-12-11 Idzie zima...czyli zaczynamy TETRIS :)
- 2024-12-11 Warszawa => Analityk w dziale Trade Development (doświadczenie z Powe
- 2024-12-11 Warszawa => Full Stack web developer (obszar .Net Core, Angular6+) <=
- 2024-12-11 Warszawa => Full Stack .Net Engineer <=
- 2024-12-11 Dyski HDD SATA 2,5'' >2TB
- 2024-12-11 Warszawa => Architekt rozwiązań (doświadczenie w obszarze Java, AWS
- 2024-12-11 Warszawa => System Architect (Java background) <=
- 2024-12-11 Warszawa => System Architect (background deweloperski w Java) <=
- 2024-12-10 sprężyny przednie ściśnięte