使TabNav正常工作

Question

具有特定標籤導航代碼的商業網站，允許用戶點擊和查看信息。

Tab Nav看起來像這樣：

詳情|運送|返回|生活方式查看

當您點擊其中任何一個段落出現在選項卡下方以獲取更多信息時。然而，所發生的事情是，所有其他列表項都被推到段落的下面，而不是停留在當前位置。因此，舉例來說，如果我點擊「詳細信息」，「發貨」和「退貨」標籤會被推下。我希望所有的菜單項都保持不變，並在每個菜單下方都顯示該段。

任何幫助將不勝感激。

的頁面，可以發現：

http://babsandmickieco.myshopify.com/collections/clothing-all/products/sana-dress#

Answer 1

正如我在this JSFiddle已經證明，它確實是剛剛在流量元件的追加到列表項的情況下。在我提供的示例中，我使用了以下jQuery代碼將一個段落元素（P）附加到列表項元素（li）。

片段

$("#clickAble").click(function(e) {  
    $("#clickList").append($("<p id='appended'>Hello</p>")); 
}); 

正如你所看到的，這是很明顯他做了什麼。這創造了一個粗略的例子，但它仍然是一個工作的例子。