寫標籤並刪除與jQuery切換

Question

早上好， 我想爲phpbb論壇創建一點點js代碼，我想創建一個按鈕，當它點擊創建代碼[media][/media]問題是，我不能做切換，當點擊按鈕的必須是創建[media][/media]後，當再次點擊刪除[media][/media]我的代碼：

var textForMedia = "Input your media link"; 
 
$('a').click(function() //this will apply to all anchor tags 
 
{ 
 
    $(".inner").wrapInner("[media]" + textForMedia + "[/media]"); 
 
});

a { 
 
    display: block; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<form action=""> 
 
    <a href="#">Input video</a> 
 
    <textarea style="width:300px;height:200px" placeholder="Media" class="inner"></textarea> 
 
</form>

PS數組textForMedia如何消失$(textForMedia).fadeToggle('slow', 'linear');是這樣的？

P.S.S.對不起，我的英語）

Answer 1

你可以做很多事情之一，如下所示。

在點擊a時，您將filled類添加到textarea。在click再次檢查filled類和做toggle行爲。

var textForMedia = "Input your media link"; 
 
$('a').click(function() //this will apply to all anchor tags 
 
    { 
 
    if($(".inner").hasClass("filled")) 
 
    { 
 
     $(".inner").empty(); 
 
     $(".inner").removeClass("filled"); 
 
    } 
 
    else{ 
 
     $(".inner").text("[media]" + textForMedia + "[/media]"); 
 
     $(".inner").addClass("filled"); 
 
    } 
 
    });

a { 
 
    display: block; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action=""> 
 
    <a href="#">Input video</a> 
 
    <textarea style="width:300px;height:200px" placeholder="Media" class="inner"></textarea> 
 
</form>