Zmienna jQuery do problemu z identyfikatorem

Mam przyciski z klasą o nazwie nav, po kliknięciu przycisku identyfikator jest odczytywany, a zmienna „pre” jest ustawiana na identyfikator. Po ustawieniu zmiennej usuwam część identyfikatora „-link”. Ta część działa dobrze, ale może być tam, gdzie tworzony jest mój problem. Po usunięciu „-link” próbuję użyć pozostałej części pre, aby skierować identyfikator div na stronę i animować go. Używam więc innej zmiennej do zhakowania ...

curr = '$("#'+pre+'")';

To „pojawia się”, aby utworzyć to, czego potrzebuję, ale kiedy celuję w curr w mojej animacji, nic się nie dzieje. Prawdopodobnie b / c Stworzyłem ciąg i to tam moja wiedza zaczyna zanikać.

Poniżej znajduje się pełna funkcja. Planuję użyć tego z wieloma przyciskami, które mają odpowiednie div, więc byłoby miło użyć jednej funkcji dla całej klasy.

var pre = null;
var curr = null;     
$('.nav').click(function(){
               pre = $(this).attr("id");
               pre = pre.substring(0, pre.indexOf("-link"));
               curr = '$("#'+pre+'")';
               alert(curr);
                curr.animate({opacity:1}, {
                   duration:250,
                   queue:true,
                   complete:function(){
                     //  alert("calling moveOld");
                       moveOld();
                       }
               });

           });

questionAnswers(1)

yourAnswerToTheQuestion