view.setOnClickListener(new OnClickListener() {

   @Override
   public void onClick(View v) {
    SecondFragment fragment = new SecondFragment();
    // used to inform the second fragment
    FragmentInformer informer = new FragmentInformer(getContext());
    // color of the cricle
    informer.setCircleColor(color);
    // if your views are behind status bar set this to true (Used In API 19+)
    boolean is_views_behind_status_bar = false;
    // the base view that the start point of color pop would be exactly center of that
    // view if mode is set to FragmentInformer.MODE_CENTER
    informer.setBaseView(v, FragmentInformer.MODE_CENTER,
      is_views_behind_status_bar);
    //finally inform the fragment with this call
    informer.informColorPopFragment(fragment);
       //Fragment transaction
    FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
    transaction.addToBackStack(null);
    transaction.add(android.R.id.content, fragment);
    transaction.commit();
   }
  });

// note that your class must extend ColorPopFragment or ColorPopPageFragment (which have a different usage)
public class SecondFragmentList extends ColorPopFragment{
    // the base view of fragment
 private View fragment_view;
 
 // this void is called after onCreateView in fragment
 // Note : the visibility of returned view in this method would be set to INVISIBLE
 @Override
 public View onCreateFragmentView(LayoutInflater inflater,
   ViewGroup container, Bundle savedInstanceState) {
  fragment_view = inflater.inflate(R.layout.fragment_second_list,
    container, false);
  return fragment_view;
 }
 // called after the pop animation ends
 @Override
 public void onBackgroundAnimationEnd() {
     // set visibility of fragment_view to VISIBLE
  fragment_view.setVisibility(View.VISIBLE);
 }
}