Hjälp! Samma länknamn

  <div class="menu_header" id="menu_header1"><a href="#" onClick="new Effect.SlideDown('comments'); return false;">Visa</a></div>
  <div class="menu_block_container" id="menu_block_container1">
    <div class="menu_block" id="menu_block1"><div>
        <a href="#" class="close_block" onClick="new Effect.SlideUp('comments'); return false;">Dölj</a></div></div>

Hur skall jag gå tillväga för att få som så att endast "Visa" syns till en början, men klickar jag på "Visa" så kommer "Dölj" att synas, och viceversa.

Hur gör man? En kompis snickrade ihop ett litet javascript, men vi fick det aldrig att fungera. Kolla nedan.

<script type="text/javascript">
funcion commentslinkcheck();
{
var id = document.getElementById("idnamnför diven").innerHTML;
if(id == "<a href='#' onClick='new Effect.SlideDown('comments'); return false;'>Kommentarer - Visa</a>') {
id = "<a href='#' onClick='new Effect.SlideUp('comments'); return false;'>Kommentarer - Dölj</a>";
}
else {
id = "<a href='#' onClick='new Effect.SlideDown('comments'); return false;'>Kommentarer - Visa</a>";
}
}
</script>

Tacksam för hjälp!

Flyttas från ASP

Ingen?

Har du ett demo att visa?

Visst!

http://www.woho.se/movies.asp?Display=24

Du ser länkarna högst upp.

Kommentarer
Dölj

Klicka på dom, så får du se vad de har för funktion!

#menu_block1{
 display:none;
}
.
.
.
function Show(s)
{
 s = document.getElementById(s);
 if (s)
 {
  s.style.display = "block";
 }
}

function Hide(s)
{
 s = document.getElementById(s);
 if (s)
 {
  s.style.display = "none";
 }
}
.
.
.
<div class="column">
  <div class="menu_header" id="menu_header1"><a href="#" onclick="new Effect.SlideDown('comments'); Show('menu_block1'); return false;">Kommentarer</a></div>
  <div class="menu_block_container" id="menu_block_container1">
    <div class="menu_block" id="menu_block1"><div>
        <a href="#" class="close_block" onclick="new Effect.SlideUp('comments'); Hide('menu_block1'); return false;">Dölj</a></div></div>

<script type="text/javascript">

#menu_block1{
 display:none;
}
.
.
.
function Show(s)
{
 s = document.getElementById(s);
 if (s)
 {
  s.style.display = "block";
 }
}

function Hide(s)
{
 s = document.getElementById(s);
 if (s)
 {
  s.style.display = "none";
 }
}
.
.
.
</script>

  <div class="menu_header" id="menu_header1"><a href="#" onclick="new Effect.SlideDown('comments'); Show('menu_block1'); return false;">Kommentarer</a></div>
  <div class="menu_block_container" id="menu_block_container1">
    <div class="menu_block" id="menu_block1"><div>
        <a href="#" class="close_block" onclick="new Effect.SlideUp('comments'); Hide('menu_block1'); return false;">Dölj</a></div></div>

Får ett felmeddelande, rad 112, "Ett objekt förväntas".

Tacksam för all hjälp!

Denna del:

#menu_block1{
 display:none;
}

...är CSS. Sedan vill du inte ha med '...' - jag använde dem endast för att separera de tre områdena CSS, JS och övrig HTML-kod :)

Sådärja! Men nu när man klickar på "Kommentarer", så kommer "Dölj" fram, precis. Så ska det vara. Men när "Dölj" kommer fram vill jag inte att "kommetarer" ska synas.

Tack för hjälpen hittills.. guld värd! :r

<div class="column">
  <div class="menu_header" id="menu_header1"><a href="#" onclick="new Effect.SlideDown('comments'); Hide('menu_header1'); Show('menu_block1'); return false;">Kommentarer</a></div>
  <div class="menu_block_container" id="menu_block_container1">
    <div class="menu_block" id="menu_block1"><div>
        <a href="#" class="close_block" onclick="new Effect.SlideUp('comments'); Hide('menu_block1'); Show('menu_header1'); return false;">Dölj</a></div></div>

Tack!! Du är grym! :D

Fast, den buggar lite.

Första gången man klickar på "Kommentarer" så händer det inget, den döljs och döljs inte igen, jättensnabbt. Svårt att förklara. :P Se efter själv, om du orkar.

http://www.woho.se/movies.asp?Display=24

Det är bara för att den visar "Kommentarer" först, det ska vara tvärtom. :P

Med andra ord skall det vara

#menu_header1{
 display:none;
}

...i stället. :)

Det var så enkelt. :)
Tack Peter!