MVC application partial view

Question

In a MVC application inside a layout page i have two  partial view . One is for details(

 

<a href="javascript:void(0);" class="Detail" data-id="@item.id">

@item.name

</a>

) and another one is for  login (

<a href="javascript:void(0);" class="LoginDetail"></a>

). But  whenever i click  only login page is showing .

if i remove login page partial from the layout then  details  partial page will display.

   for login

 

 Like  below i call script also 

 

<script>

var TeamDetailPostBackURL = '/Home/Details';

$(function () {

$(".Detail").click(function () {

debugger;

var $buttonClicked = $(this);

var id = $buttonClicked.attr('data-id');

var options = { "backdrop": "static", keyboard: true };

$.ajax({

>

 

 

 

<script>

var TeamDetailPostBackURL = '/Home/Login';

$(function () {

$(".Detail").click(function () {

debugger;

var $buttonClicked = $(this);

var id = $buttonClicked.attr('data-id');

var options = { "backdrop": "static", keyboard: true };

$.ajax({

>