traverse element inside the div

Question

html:

<div style="width: 260px;margin:25px 0 0 30px">
<input type="checkbox"  name="send_email" class="delete_followup" />Send email alerts
<input type="checkbox" value="delete" type="checkbox" />Send SMS alerts <button type="submit" name="delete" value="{{follower.id}}" class="delete_follower">Delete</button>
</div>

js:

$(".delete_followup").click(function(){
var $this = $(this);
$(this).find(".delete_follower").show();           
});

I want to show the hidden button on clicking the delete_followup class.i TRIED WITH ABOVE jQuery but not working.

Answer 1

Or try .nextAll:

$(this).nextAll(".delete_follower").show();

Working here: http://jsfiddle.net/tw5XK/

Answer 2

The delete_follower element is not a decedent of delete_followup element, it is a sibling element so instead of find() you need to use siblings()

$(".delete_followup").click(function(){
    var $this = $(this);
    $this.siblings(".delete_follower").show();           
});