[JavaScript] jQuery - wysuwane menu Opcje

[red9skull]

Mam taki kod HTML:

[HTML] pobierz, plaintext 
<li><a href="#" class="komedia" id="komedia">Komedia</a></li>
<li><a href="dsadasd" class="lektor" id="komedia-lek">Lektor PL</a></li>
<li><a href="#" class="horror" id="horror">Horror</a></li>
<li><a href="dsadasd" class="menu-link">Sensacja</a></li>
<li><a href="dsadasd" class="menu-link">Obyczajowy</a></li>
<li><a href="dsadasd" class="menu-link">Dramat</a></li>
[HTML] pobierz, plaintext 

I generalnie chodzi mi o to jak za pomocą jQuery zrobić tak, żeby po kliknięciu "Komedia" wysunęło mi się "Lektor PL"?

[MateuszS]

http://ferrante.pl/2007/08/01/jquery-to-latwe-1/ polecam

PS Gdzieś na początku tego kursu jest jak zrobić takie coś.

Ten post edytował MateuszScirka 22.03.2010, 20:23:19

[230005]

Element listy powinien być dzieckiem elementu komedia, czyli:

[HTML] pobierz, plaintext 
 
  <ul id="menu">
    <li class="parent"><a href="#" class="komedia" id="komedia">Komedia</a>
      <ul class="child">
        <li ><a href="dsadasd" class="lektor" id="komedia-lek">Lektor PL</a></li>
      </ul>
    </li>
    <li><a href="#" class="horror" id="horror">Horror</a></li>
    <li><a href="dsadasd" class="menu-link">Sensacja</a></li>
    <li><a href="dsadasd" class="menu-link">Obyczajowy</a></li>
    <li><a href="dsadasd" class="menu-link">Dramat</a></li>
  </ul>
 
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
 
  ul.child {
    display: none;
  }
 
[CSS] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
 
$('li#parent a').click(function() {
  $(this).parent().children('ul').slideDown();
});
 
[JAVASCRIPT] pobierz, plaintext 

Jakoś tak. A w ogóle to spójrz na ten link zapodany przez kolegę wyżej.

[red9skull]

Dzięki - zrobiłem tak jak na Ferrante.pl - macie ode mnie repo :]

Jeszcze jedno pytanie. Kod java script:

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(
function()
{
$("#link").click(
function()
{
$("#more").toggle("normal");
});
});
</script>
[JAVASCRIPT] pobierz, plaintext 

Otóż, jak napisać funkcję żeby pobierało id po kliknięciu w link i ten id ukrywało / pokazywało?

Ten post edytował red9skull 22.03.2010, 20:59:35

[MateuszS]

Nie wiem czy Cię dobrze rozumiem, chodzi o coś takiego?

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 
function pokazschowaj(id)
{
	$("#"+id).toggle("normal");
}
</script>
 
<a href="#" onClick="pokazschowaj('link')" id="link">adsadas</a>
 
[JAVASCRIPT] pobierz, plaintext