Отключение и включение ссылки с помощью JQuery

Question

(По отключить я имею в виду удалить ссылки, не удаляя их содержимое, а затем включить - для получения ссылки)

Я прочитал о обертке и ReplaceWith, связывают и отвязать. Но я не могу заставить его работать. В основном у меня есть кнопка, которую я нажимаю, чтобы отключить/включить ссылки. Вот код, который я работал до сих пор:

var edit = false; 
$('.courselink').click(function(e){ //the links 
if(edit == true){ 
    return false; 
} 
}); 

$('.vieweditlink').click(function(){ //This is the button 

    if($(this).html() == 'Edit'){ 
     $(this).html('View'); 
     edit = true; 
    } 
    else { 
     $(this).html('Edit'); 
     edit = false; 
    } 
}); 

Все в $(document).ready конечно

JSfiddle здесь: http://jsfiddle.net/ugkc8gsd/7/

Answer 1

Не то, что кому-то интересно, но вот как я решил эту проблему:

var edit = false; 
var links = $('.courselink').toArray(); //this gets the links but not the whole elements 


$('.vieweditlink').click(function(){ 

if($(this).html() == 'Edit'){ 
    $(this).html('View'); 
    edit = true; 

    $('.courselink').each(function(i) { 
     $(this).replaceWith("<div class='courselink'>"+$(this).html()+"</div>"); 
    }); 
} 
else { 
    $(this).html('Edit'); 
    edit = false; 

    $('.courselink').each(function(i) { 
     $(this).replaceWith("<a class='courselink' href='"+links[i]+"'>"+$(this).html()+"</a>"); 
    }); 
} 
}); 

Если кто-нибудь знает лучшее решение, пожалуйста, не стесняйтесь поделиться! Благодаря!

JSFiddle: http://jsfiddle.net/13tudb3p/

Answer 2

Чтобы сделать ссылки невидимыми, когда они отключены ...

http://jsfiddle.net/6q7dr9fq/3/

$('.courselink').click(function(e){ //the links 
    $('.courselink:hidden').show(); 

    $(this).hide(); 
}); 

Answer 3

Все еще не так уверен, что вы точно пытаетесь достичь, но чтобы скрыть ссылки, которые вы просто спрячете. http://jsfiddle.net/ugkc8gsd/8/

Скрыть их в кнопку событий нажмите

$('.vieweditlink').click(function() 
{ 
    $('.courselink').hide(); 
}); 

Edit: OOH я вижу у отредактировали пост.
Ну вот новый jsfiddle
http://jsfiddle.net/ugkc8gsd/10/
Надеюсь, что это помогает

Edit 2: Вот Обещанный jsfiddle.
http://jsfiddle.net/ugkc8gsd/12/
Надеюсь, это то, что вы хотите.