點擊跨度，讓它消失，讓別的東西出現

Question

我有一個PHP代碼：

<div class="spacermenu"> 
       <span>Just a write</span> 
       <div class="spacerhidden"> 
         <input type"text" class="spacetext"> <img class="spacetext" src="images/delete.png"> 
       </div> 
</div> 

和jQuery腳本

$(".spacermenu span").click(function() { 
    $(this).css("display","none"); 
    $(??????).css("display","block"); 
}); 

我想要實現的是，當我點擊「只是寫」，使該跨度消失（完成），並使.spacerhidden div出現。我的猜測是使用像「.spacermenu .spacerhidden」選擇，但顯示所有.spacerhidden div的，而不是一個我點擊了。

我缺少的是什麼？

在此先感謝。

到目前爲止每個人都：不是「下一個」有點不莊重，即使它工作atm？我不能選擇那個精確的元素嗎？

Answer 1

您可以使用next方法。

$(".spacermenu span").click(function() { 
    $(this).hide().next('.spacerhidden').show(); 
}); 

Answer 2

嘗試.next()

$(".spacermenu span").click(function() { 
    $(this).css("display","none"); 
    $(this).next().css("display","block"); 
}); 

Answer 3

嘗試next

$(".spacermenu span").click(function() { 
    $(this).next('.spacerhidden').css("display","block"); 
}); 

Demo