-
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
- 2025-04-05 Dziwny wymiar wyroku
- 2025-04-05 Prunt z dachu
- 2025-04-05 Taśma LED
- 2025-04-05 Kraków => MS Dynamics 365BC/NAV Developer <=
- 2025-04-05 Warszawa => Strategic Account Manager <=
- 2025-04-05 co w Anglii dziś w Polsce za 30 lat
- 2025-04-05 Wrocław => SOC Tech Lead <=
- 2025-04-05 Gdynia => Przedstawiciel handlowy / KAM (branża TSL) <=
- 2025-04-05 Wyrok dożywocia dla Polki
- 2025-04-04 Prezydium Sejmu Tuskiego orzekło: Poseł KO mecenas Roman Giertych NIE jest mordercą (w żadnym sensie tego słowa?)
- 2025-04-04 Reset komóry
- 2025-04-04 Lublin => JavaScript / Node / Fullstack Developer <=
- 2025-04-04 Zielonka => Key Account Manager IT <=
- 2025-04-04 Warszawa => Ekspert IT (obszar systemów sieciowych) <=
- 2025-04-04 Warszawa => Mid/Senior IT Recruiter <=