I have a structure similar to 

```
<div class="wrapper">
    <div class="panel">   </div>
    <div class="panel">   </div>
        :
</div>

```

I created a plugin to align the panel under each other. The panel that I want to see has an opacity of 1 and the others an opacity of 0.

A public function has been created to allow the selection of another panel to have an opacity of 1.

The plugin looks like:

```
(functon($) {
   var someGlobalVars;
   $.fn.panel = function(options} {
      // some logic
      $(this).each(function(index) {
         $(this).css({...});
      )};

   // public function
   $.fn.panel.transition = function(panelNum) {
      $('.wrapper .panel:eq(' + panelNum + ')').css({...}); // <-- works
   };        
});

```

The plugin is called as: 

```
$('wrapper .panel').panel();
$('wrapper .panel').panel.transition(2);

```

The plugin is working, but I NEED to remove the class names from the public function by using a this. I tried difference ways such as:

```
var $myThis = $(this);
$myThis:eq(' + panelNum + ').css({...});

```

BUT NOTHING I try is working.

Can someone please provide a suggestion that I could try.