需要顯示/隱藏鏈接上點擊一個div

Question

我想這樣做小提琴只有這適用於按鈕，而不是鏈接：

http://jsfiddle.net/qNhZj/

我需要它的聯繫工作並且我還有一個介紹div，點擊其中一個鏈接後隱藏起來。

任何人都可以幫助我。

Answer 1

你只需要聲明的鏈接，而不是輸入。 在班級列表中，添加要顯示的div的id。

Click a button to make it visible: 

<div id="intro-tekst">Intro text here !</div> 
<div class="boxes" id="coke">Coke is awesome!</div> 
<div class="boxes" id="bubble-tea">Bubble tea is da bomb!</div> 
<div class="boxes" id="milk">Milk is healthy!</div> 
<br /> 
<p> 
    I change my mind: 
    <ul> 
     <li><a href="javascript:void(0);" class="link coke">Coke</a></li> 
     <li><a href="javascript:void(0);" class="link bubble-tea">Bubble Tea</a></li> 
     <li><a href="javascript:void(0);" class="link milk">Milk</a></li> 
    </ul> 
</p> 

，並將其綁定這樣的：

$(document).ready(function() { 
    var url = window.location.href; 
    var option = url.match(/option=(.*)/); 
    if (option !== null) { 
     $(".link ." . option[1]).trigger('click'); 
    } 

    $(".link").bind('click', function() { 
     $('#intro-tekst').hide(); 
     $('.boxes').hide(); 
     $('.link').removeClass('selected'); 
     $(this).removeClass('link'); 
     $('#' + $(this).prop('class')).show(); 
     $(this).addClass('link selected');  
    }); 
}); 

的jsfiddle代碼在這裏： http://jsfiddle.net/Pq5Cv/8/

Answer 2

看看這個鏈接How to hide, show, or toggle your div