Burger
Użytkownik
Płeć: 
Dołączył(a): 04 Sie 2006
Posty: 145
Skąd: Krotoszyn 
|
 Wysłany: 31.07.2010 16:51
|
  |
---------- 21:22 29.07.2010 ----------
Witam,
mam np otwarte dwa wpisy, gdy zamykam jeden, napis HIDE CONTENT robi się jaśniejszy, imitacja nieaktywnego linku. Chcę aby był normalny, gdy jest otwarty inny wpis. Proszę o pomoc. Tu jest kod, wiem że brzydki, ale dopiero się uczę tego języka.
| Kod: | Zaznacz Podgląd (X)HTML Uruchom Zapisz |   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pl-PL">
 <head>
 <title>:)</title>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
 <style>
 #wpisy { margin: 150px 0 0 20px; }
 .wpis { margin: 20px; width:300px; float:left; }
 .wpis span { display:none; }
.more { clear:both; width:100px; height:20px; background:#186954; }
.bg1 { background:#a21c65; }
.bg2 { background:#186954; }
.hidecont { color:#888; }
.full { color:#000; }
</style>
<script type="text/javascript">
$(document).ready(
function()
{
$("p").click( function() { $(this).next("span").toggle("fast"); }).toggle(function() { $(this).next("span").next("div").addClass("bg1"), $(".hidecont").addClass("full"); }, function() { $(this).next("span").next("div").removeClass("bg1"); $(".hidecont").removeClass("full").not("span:visible").addClass("full"); });
$(".showcont").click( function() { $(".wpis span").show(), $(".hidecont").addClass("full"); });
$(".hidecont").click( function() { $(".wpis span").hide(), $(".hidecont").removeClass("full"); });
});
</script>
</head>
<body>
<div id="wpisy">
<div class="wpis"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae massa at
velit tempus lobortis id vitae mi. Vestibulum malesuada tellus interdum eros fringilla placerat.
Cras egestas, dui eget porta aliquam, mi mi vestibulum justo, et fermentum nunc odio eget felis.
Aenean pretium, velit et hendrerit lobortis, sapien nisi vehicula mi, et convallis velit lacus
non leo. Vivamus eleifend ornare fermentum. Sed dictum dapibus sapien, et egestas dui eleifend ut.</p>
<span>Pellentesque vel erat vel massa ultrices luctus. Quisque ut enim sed lorem vulputate iaculis non
non sem. In hac habitasse platea dictumst. Nam bibendum adipiscing nisl, scelerisque facilisis metus
dapibus sed. Ut ultrices commodo leo, sit amet congue orci molestie a. Aliquam rhoncus cursus dolor,
sit amet scelerisque justo vehicula id. Nam non luctus urna. Nunc in dolor et risus pharetra tincidunt
sollicitudin in arcu. Quisque non egestas odio. Donec quis sapien ac nibh gravida rhoncus. Nullam et
odio nec est imperdiet vestibulum ut vitae mi.</span>
<div class="more"></div>
</div>
<div class="wpis"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae massa at
velit tempus lobortis id vitae mi. Vestibulum malesuada tellus interdum eros fringilla placerat.
Cras egestas, dui eget porta aliquam, mi mi vestibulum justo, et fermentum nunc odio eget felis.
Aenean pretium, velit et hendrerit lobortis, sapien nisi vehicula mi, et convallis velit lacus
non leo. Vivamus eleifend ornare fermentum. Sed dictum dapibus sapien, et egestas dui eleifend ut.</p>
<span>Pellentesque vel erat vel massa ultrices luctus. Quisque ut enim sed lorem vulputate iaculis non
non sem. In hac habitasse platea dictumst. Nam bibendum adipiscing nisl, scelerisque facilisis metus
dapibus sed. Ut ultrices commodo leo, sit amet congue orci molestie a. Aliquam rhoncus cursus dolor,
sit amet scelerisque justo vehicula id. Nam non luctus urna. Nunc in dolor et risus pharetra tincidunt
sollicitudin in arcu. Quisque non egestas odio. Donec quis sapien ac nibh gravida rhoncus. Nullam et
odio nec est imperdiet vestibulum ut vitae mi.</span>
<div class="more"></div>
</div>
<div class="wpis"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae massa at
velit tempus lobortis id vitae mi. Vestibulum malesuada tellus interdum eros fringilla placerat.
Cras egestas, dui eget porta aliquam, mi mi vestibulum justo, et fermentum nunc odio eget felis.
Aenean pretium, velit et hendrerit lobortis, sapien nisi vehicula mi, et convallis velit lacus
non leo. Vivamus eleifend ornare fermentum. Sed dictum dapibus sapien, et egestas dui eleifend ut.</p>
<span>Pellentesque vel erat vel massa ultrices luctus. Quisque ut enim sed lorem vulputate iaculis non
non sem. In hac habitasse platea dictumst. Nam bibendum adipiscing nisl, scelerisque facilisis metus
dapibus sed. Ut ultrices commodo leo, sit amet congue orci molestie a. Aliquam rhoncus cursus dolor,
sit amet scelerisque justo vehicula id. Nam non luctus urna. Nunc in dolor et risus pharetra tincidunt
sollicitudin in arcu. Quisque non egestas odio. Donec quis sapien ac nibh gravida rhoncus. Nullam et
odio nec est imperdiet vestibulum ut vitae mi.</span>
<div class="more"></div>
</div>
<div class="wpis"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae massa at
velit tempus lobortis id vitae mi. Vestibulum malesuada tellus interdum eros fringilla placerat.
Cras egestas, dui eget porta aliquam, mi mi vestibulum justo, et fermentum nunc odio eget felis.
Aenean pretium, velit et hendrerit lobortis, sapien nisi vehicula mi, et convallis velit lacus
non leo. Vivamus eleifend ornare fermentum. Sed dictum dapibus sapien, et egestas dui eleifend ut.</p>
<span>Pellentesque vel erat vel massa ultrices luctus. Quisque ut enim sed lorem vulputate iaculis non
non sem. In hac habitasse platea dictumst. Nam bibendum adipiscing nisl, scelerisque facilisis metus
dapibus sed. Ut ultrices commodo leo, sit amet congue orci molestie a. Aliquam rhoncus cursus dolor,
sit amet scelerisque justo vehicula id. Nam non luctus urna. Nunc in dolor et risus pharetra tincidunt
sollicitudin in arcu. Quisque non egestas odio. Donec quis sapien ac nibh gravida rhoncus. Nullam et
odio nec est imperdiet vestibulum ut vitae mi.</span>
<div class="more"></div>
</div>
</div>
<span class="showcont">SHOW CONTENT</span> / <span class="hidecont">HIDE CONTENT</span>
</body>
</html> |
|
---------- 16:51 31.07.2010 ----------
Nikt nie jest w stanie mi pomóc?
|
| |
|
Dealis
Użytkownik
Płeć:
Wiek: 16
Dołączył(a): 25 Cze 2007
Posty: 2139
Pomocy: 76
Skąd: Piotrków Trybunalski |
Wysłany: 31.07.2010 17:21
|
|
W linii 24 masz removeClass. Zmień to na addClass i będzie śmigać.
|
| |
|
Burger
Użytkownik
Płeć:
Dołączył(a): 04 Sie 2006
Posty: 145
Skąd: Krotoszyn |
Wysłany: 01.08.2010 08:55
|
|
Chyba nie zrozumiałeś jak to ma działać. Po kliknięciu hide content ma ukryć wszystkie spany, a napis swoim jaśniejszym kolorem imitować zablokowany przycisk.
Poza tym, nie tu mam problem.
|
| |
|
bluz
Użytkownik
Płeć:
Wiek: 18
Dołączył(a): 16 Lip 2010
Posty: 7
Pomocy: 2
|
Wysłany: 01.08.2010 14:31
|
|
Chodzi Ci o to, żeby kliknięcie w treść spanu nie zmieniało koloru tekstu HIDE CONTENT? jeśli tak, usuń z linijki 22:
(jest na samym jej końcu)
Ale wtedy ten napis nie zmieni koloru, gdy zamkniesz span kliknięciem w jego treść, zamiast w HIDE CONTENT
|
| |
|
