Στοιχείο απόκρυψης/εμφάνισης JavaScript

Πώς θα μπορούσα να κρύψω τον 'Edit'-σύνδεσμο αφού τον πατήσω; και επίσης μπορώ να κρύψω το "lorem ipsum" κείμενο όταν πατάω edit;

<script type="text/javascript"&gt,
function showStuff(id) {
  document.getElementById(id).style.display = 'block',
}
</script&gt,

<td class="post"&gt,

  <a href="#" onclick="showStuff('answer1'); return false;">Edit</a&gt,
  <span id="answer1" style="display: none;""&gt,
    <textarea rows="10" cols="115"></textarea&gt,
  </span&gt,

  Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
</td&gt,
Sofyan Thayf
Επεξεργασμένη ερώτηση Κάνε Οκτώβριος 2019 в 12:44
Προγραμματισμός
javascript
Κάνε Ιούνιος 2011 в 12:45
16 προβολές

Θα ήθελα να σας προτείνω την επιλογή JQuery.

$("#item").toggle();
$("#item").hide();
$("#item").show();

Για παράδειγμα:

$(document).ready(function(){
   $("#item").click(function(event){
     //Your actions here
   });
 });
Σχόλια (3)

Θα πρέπει να σκέφτεστε το JS για τη συμπεριφορά και το CSS για την οπτική καραμέλα όσο το δυνατόν περισσότερο. Αλλάζοντας λίγο την HTML σας :


<td class="post">
    <a class="p-edit-btn" href="#" onclick="showStuff(this.parentNode);return false;">Edit</a>
    <span id="answer1" class="post-answer">
       <textarea rows="10" cols="115">
sitifensys
Επεξεργασμένη απάντηση Κάνε Ιούνιος 2011 в 1:31
Σχόλια (0)