Få popup til at virke med id.

JScript kode 

 function deselect(e) {
     e.slideFadeToggle(function() {
     e.removeClass('selected');
   });    
 }
 
 //Aktiver popup
 $(function() {
   $('a.popup').on('click', function() {
            
         var current = $(this);
         
         //Fjern alle aktive
         $('.selected').removeClass('selected');
 
         //Aktuelle element
         current.addClass("selected");
         
       //Find unik div at vise
       var id = $(this).attr('id');
       
     if($('a.popup#'+ id).hasClass('selected')) {
         
       deselect($('a.popup#'+ id));              
     } else {
         
 
       $('a.popup#'+ id).addClass('selected');
      
             //Aaben popup
             $('div.pop#'+ id).slideFadeToggle();
             
     }
     return false;
   });
 
   //Luk popup
   $('.close').on('click', function() {
       
       //Find unik div at lukke
       var id = $(this).attr('id');
       
     deselect($('div.pop#'+ id));
     return false;
   });
 });
 
 
 $.fn.slideFadeToggle = function(easing, callback) {
   return this.animate({ opacity: 'toggle', height: 'toggle' }, 'fast', easing, callback);
 };

HTML kode 

 <div class="pop" id="1">
     <div>DIV 1 <a class="close" href="/" id="1">Cancel</a></div>
 </div>
 <a class="popup" href="#" id="1">Div 1</a>
         
 <div class="pop" id="2">
     <div>DIV 2 <a class="close" href="/" id="2">Cancel</a></div>
 </div>
 <a class="popup" href="#" id="2">Div 2</a>

HTML kode 

 <a class="nyhed" href="<?php echo "". $visallenyheder['id'] .""; ?>" id="newstitlelink">Overskiften her</a>

HTML kode 

 <a class="nyhed<?php echo "". $visallenyheder['id'] .""; ?>" href="<?php echo "". $visallenyheder['id'] .""; ?>" id="newstitlelink">Overskiften her</a>