Функция щелчка больше не работает после обновления

Question

В следующей скрипке, если вы нажмете на кнопку/вкладку слева, вы увидите, как справа отобразится фигура стрелки.

https://jsfiddle.net/5mf989jL/49/

С каждой вкладке вы выбираете стрелку находится на этой вкладке.

Это было до моего обновленного кода. Теперь моя стрелка появляется только при нажатии первой вкладки, и она намного выше, чем должна быть.

Я изменил это ...

$('.panel_out input').on('click', function() { 
    var id_to_show = '#' + this.id.replace('_button', ''); 
    $(id_to_show).show().siblings().hide(); 
}).first().trigger('click'); 

Для этого ...

jQuery(document).ready(function() { 
    $('.panel_out input').on('click', function() { 
     var id_to_show = '#' + this.id.replace('_button', ''); 
     $(id_to_show).show().siblings().hide(); 
     $('#dashboard_welcome').siblings().hide(); 

Функция стрелка идет от этого ...

//For the arrow in panel 
$("input.arrowBtn").click(function(){ 
    $(this).siblings('.arrow-left').remove(); 
    $("<div class='arrow-left'></div>").insertAfter($(this)); 
}); 

Как я могу изменить это так что он делает то же самое, что и в скрипке?

Answer 1

Попробуйте добавить эту строку в конец, а не в первую функцию.

$('.panel_out input').first().trigger('click'); 

DEMO

Answer 2

Изменить ваш .panel_out CSS набор шириной до 20%, это сделает ваше меню выравнивания с правой боковой панели

.panel_out { 
    width: 20%; 
    min-height: 100%; 
    float: left; 
    color: #707070; 
    background-color: #707070; 
} 

, где есть проблема сценария вы говорят о ??? смотрите на скриншоте его работы