Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> jquery - menu z hide/show div'ów na początku oraz po kliku?
marcus755
post
Post #1





Grupa: Zarejestrowani
Postów: 158
Pomógł: 1
Dołączył: 6.12.2012

Ostrzeżenie: (0%)
-----


  1. <ul>
  2. <li><a id="test-menu-1" href="#">test1</a></li>
  3. <li><a id="test-menu-2" href="#">test2</a></li>
  4. <li><a id="test-menu-3" href="#">test3</a></li>
  5. </ul>
  6.  
  7. <div class="test">
  8. <div class="tester" id="test-1">test-1</div>
  9. </div>
  10. <div class="test">
  11. <div class="tester" id="test-2">test-2</div>
  12. </div>
  13. <div class="test">
  14. <div class="tester" id="test-3">test-3</div>
  15. </div>


1. event który wykonuje się na początku:
jeżeli, np. w <li> z id="test-menu-2" znajdzie class="selected",
wtedy robi display:block; na <div id=test-2"> - reszta div'ów zmienia na display:none;
jeżeli w innymi <li> znajdzie class="selected", robi analogicznie jak powyżej...

2. event na kliku
jeżeli kliknę, w link i doda mi w <li>, w który kliknąłem class="selected",
wtedy jeżeli to będzie np. <li class="selected"><a id="test-menu-3" href="#">test3</a></li>,
wtedy robi display:block; na <div id=test-3"> - reszta div'ów zmienia na display:none;
jeżeli kliknę w inny <li> i doda class="selected", robi analogicznie jak powyżej...
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
marcus755
post
Post #2





Grupa: Zarejestrowani
Postów: 158
Pomógł: 1
Dołączył: 6.12.2012

Ostrzeżenie: (0%)
-----


if ( $('.test li.selected a')) {
$(".tester").show();
} else {
$(".tester").hide();
}

$(".test li.selected a").click(function (e) {
var className = $(this).attr("id");
$(".tester").each(function () {
$(this).toggle($(this).hasClass(className));
});

e.preventDefault();
});

z tym, że mam problem z dynamicznym przydzielaniem po id z menu względem id z div'ów...

Ktoś wie jak to zrobić?
Na pewno coś takiego ktoś z Was kiedyś robił....
ew. może jakiś ktoś z Was zna szybki sposób,
nawet nie muszą być użyte te klasy i id,
ważne by działało...:-)

Ten post edytował marcus755 18.07.2014, 15:37:35
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 14.10.2025 - 05:44